Game maken met AI, zonder te programmeren

Als beginner maak je het makkelijkst een browserspel. Dat is een spel dat in een gewone webbrowser draait, gebouwd met HTML en JavaScript, de taal waarmee webpagina's interactief worden. Je hoeft geen extra programma's of game-engines te installeren, en je kunt het spel delen met een link.

Klassieke tweedimensionale spellen zijn goed haalbaar: alles wat je van bovenaf of van opzij ziet, met eenvoudige figuren of kleine plaatjes. Grote driedimensionale spellen met online multiplayer zijn een ander verhaal. Die vragen veel meer kennis, tijd en testwerk.

• beginner

  Snake

  Een slang die groeit als hij eten pakt. Weinig regels, dus een ideaal eerste spel om te leren hoe besturing, score en game over werken.

• beginner

  Quiz

  Vragen met meerdere antwoorden, een score en een eindscherm. Handig voor een les, een verjaardag of een teamuitje, en makkelijk aan te passen met eigen vragen.

• beginner

  Memory

  Kaartjes omdraaien en paren zoeken. Leuk om te maken met eigen foto's.

• gevorderd

  Platformspel

  Een figuurtje dat rent en springt over platforms. Meer werk door zwaartekracht, botsingen en levels, maar goed te doen als je het in kleine stappen opbouwt.

We nemen snake als voorbeeld. Dezelfde aanpak werkt voor elk ander klein spel.

1. 1

   Beschrijf het spel in een paar zinnen

   Bijvoorbeeld: een snake-spel in de browser. De slang beweegt met de pijltjestoetsen, wordt langer als hij een appel eet, en het spel stopt als hij de rand of zichzelf raakt. Toon de score bovenin.

2. 2

   Vraag om de kleinste werkende versie

   Laat Claude Code eerst alleen een bewegende slang en een appel maken in één bestand index.html. Open het in je browser en probeer het uit.

3. 3

   Voeg één ding tegelijk toe

   Daarna de score, dan een game-over-scherm, dan een knop om opnieuw te beginnen. Test na elke stap of alles nog werkt.

4. 4

   Maak het moeilijker of mooier

   Laat de slang sneller gaan naarmate je score stijgt, voeg geluidjes toe of kies andere kleuren. Vraag ook om besturing met vegen, zodat het spel op een telefoon werkt.

5. 5

   Bewaar je voortgang

   Zet je project in GitHub. Gaat er bij een nieuwe aanpassing iets mis, dan ga je terug naar de laatste versie die werkte.

6. 6

   Deel je spel

   Zet het spel online, zodat vrienden of familie het met een link kunnen spelen. Een browserspel heeft daarvoor geen app store nodig.

Een spel bestaat uit regels. Hoe duidelijker je die beschrijft, hoe beter het resultaat. Denk aan: wat bestuurt de speler, wat gebeurt er als hij iets raakt, hoe verdien je punten, en wanneer is het spel afgelopen.

Beschrijf ook wat je ziet en hoort: hoe groot het speelveld is, welke kleuren je wilt, of er muziek is. Vind je een bestaand spel leuk, noem het dan als voorbeeld en zeg wat je eraan wilt veranderen.

Werkt iets niet zoals je verwacht, beschrijf dan precies wat er gebeurt. Bijvoorbeeld: als de slang naar links gaat en ik druk snel op rechts, gaat hij meteen dood. Met zo'n beschrijving kan de AI de fout gericht oplossen.

Goed haalbaar in een paar uur tot een paar dagen:

• Klassieke arcadespellen zoals snake, pong, breakout of een eenvoudige ruimteschietspel.
• Quizzen, woordspellen en puzzels zoals memory of schuifpuzzels.
• Een eenvoudig platformspel met een paar levels.
• Een highscorelijst die op de computer van de speler wordt bewaard.

Lastiger, en beter voor later:

• Spellen waarin spelers via internet tegen elkaar spelen. Dat vraagt een server die alle spelers op elkaar afstemt.
• Grote 3D-werelden met veel details en eigen modellen.
• Een spel in de app stores van Apple en Google. Dat kan wel, maar vraagt extra stappen en accounts bij die stores.

Je kunt beginnen met eenvoudige vormen: blokjes, rondjes en lijnen. Daar kun je prima mee spelen, en het spel draait eerst om de regels, niet om de plaatjes. Vraag de AI om met eenvoudige vormen te starten, zodat je de spelregels kunt testen.

Wil je later echte plaatjes en geluiden, gebruik dan materiaal dat je zelf maakt of dat vrij te gebruiken is. Er zijn sites met gratis spelonderdelen, maar lees altijd de licentie, zeker als je het spel openbaar deelt. Zet de bestanden in een aparte map in je project, zoals afbeeldingen, en vertel de AI waar ze staan.