Ett spel på en kväll: så bygger AI spel
Ett webbläsarspel är en enda HTML-sida som AI skriver utifrån en beskrivning på några minuter. Vilka genrer en nybörjare klarar, vad varje spel består av (loopen: input → logik → rita) — och vi gör det första arkadspelet direkt i chatten.
Ett spel är ett program som upprepar tre steg sextio gånger i sekunden: läs input → uppdatera världen → rita bilden. Allt annat byggs ovanpå det. Och den loopen skriver AI utmärkt.
Genrer en nybörjare faktiskt blir klar med (beprövat)
- Arkad: väja, samla, hoppa (Flappy Bird, Snake, en endless runner)
- Pussel: 2048, minröj, skjutpussel, sudoku
- Clickers: uppgraderingar per klick — enkla och förvånansvärt svåra att lägga ifrån sig
- Textäventyr: val och förgreningar — styrkan ligger i berättelsen, inte i koden
Utom räckhåll än så länge: 3D, online-multiplayer, allt 'i stil med GTA'. Det lämnar vi till branschen.
Din första beställning
Gör ett webbläsarspel som en enda HTML-fil: jag styr ett litet skepp med piltangenterna, uppifrån faller asteroider och jag väjer för dem. Poäng för överlevd tid, rekordet sparas. Med tiden kommer fler asteroider och de går snabbare. Enkla figurer som grafik, mörk bakgrund. En knapp med 'Spela igen'.
ChatGPT Canvas och Claude visar resultatet direkt i chatten — tryck och spela. Filen kan du ladda ner och öppna i vilken webbläsare som helst.
Beställningens anatomi
- Styrning (piltangenter) + ett
- mål (överleva) +
- upptrappning (snabbare med tiden) +
- poäng och omstart. De fyra är absolut minimum för något spelbart: utan upptrappning är det tråkigt efter tio sekunder, och utan omstart bara irriterande.
Gör det nu
Beställ din egen version: byt ut skeppet och asteroiderna mot vad du vill — en katt och fallande gurkor, ett paraply och regndroppar. Det är ditt spel, så det är ditt ämne.
Short questions on the lesson — with an explanation for every answer.