Een game op één avond: zo bouwt AI games
Een browsergame is één HTML-pagina die AI in minuten uit een beschrijving schrijft. Welke genres haalbaar zijn voor een beginner, waaruit elke game bestaat (de loop: input → logica → tekenen), en we maken een eerste arcadegame direct in de chat.
Een game is een programma dat zestig keer per seconde drie stappen herhaalt: input lezen → de wereld bijwerken → het beeld tekenen. Al het andere komt daarbovenop. En die loop schrijft AI voortreffelijk.
Genres die een beginner echt afmaakt (getest)
- Arcade: ontwijken, verzamelen, springen (Flappy Bird, Snake, een endless runner)
- Puzzels: 2048, mijnenveger, schuifpuzzel, sudoku
- Clickers: upgrades per klik — simpel en verrassend moeilijk weg te leggen
- Tekstavonturen: keuzes en vertakkingen — de kracht zit in het verhaal, niet in de code
Voorlopig buiten bereik: 3D, online multiplayer, alles 'zoals GTA'. Dat laten we aan de industrie.
Je eerste opdracht
Maak een browsergame als één HTML-bestand: ik stuur een klein schip met de pijltjestoetsen, van boven vallen asteroïdes, ik ontwijk ze. Punten voor overleefde tijd, het record wordt bewaard. Na verloop van tijd komen er meer asteroïdes en gaan ze sneller. Simpele vormen als graphics, donkere achtergrond. Een knop 'Opnieuw spelen'.
ChatGPT Canvas en Claude laten het resultaat meteen in de chat zien — klikken en spelen. Het bestand kun je downloaden en in elke browser openen.
Anatomie van de opdracht
- Besturing (pijltjes) + een
- doel (overleven) +
- opbouw (sneller na verloop van tijd) +
- score en herstart. Die vier zijn het absolute minimum voor iets speelbaars: zonder opbouw is het na tien seconden saai, en zonder herstart gewoon irritant.
Doe het nu
Bestel je eigen versie: vervang het schip en de asteroïdes door wat je maar wilt — een kat en vallende komkommers, een paraplu en regendruppels. Het is jouw game, dus jouw onderwerp.
Short questions on the lesson — with an explanation for every answer.