Einsteiger-Guide: Onlinespiele mit ChatGPT & Co. programmieren

Du willst Games wie Pong, Breakout oder Snake selbst erstellen? Und das ohne Programmier-Kenntnisse? So kriegst du das mit KI-Tools ganz schnell hin.

Games in Sekunden mit KI entwickeln – geht das?

Die Antwort lautet: Ja, aber nur für bekannte Spielprinzipien. Du musst dafür weder Coding-Kenntnisse haben noch stundenlang Bücher und YouTube-Tutorials studieren. Gib einfach die passenden Prompts in Copilot, Le Chat oder ChatGPT ein und du erhältst binnen weniger Sekunden ein erstes, spielbares Ergebnis.

In diesem Ratgeber erfährst du, welche Prompts du verwenden musst, um lauffähige Onlinespiele im Stil bekannter Klassiker zu erhalten. Zudem erhältst du Beispiele, die du kopieren und leicht anpassen kannst.

Grundlagen: Was du wissen musst, bevor du loslegst

KI-Tools wie ChatGPT, Copilot oder Le Chat erstellen kompletten HTML-, CSS- und/oder JavaScript-Code für dich. Das Spiel läuft dann direkt in jedem Browser – ohne Installation, ohne Server, ohne Internetverbindung.

Das bedeutet, du musst der Künstlichen Intelligenz klare Vorgaben machen. Daher solltest du in deinen Prompts unter anderem diese oder ähnliche Anweisungen geben:

👉 „Erstelle ein vollständiges HTML-Spiel, das lokal und in jedem Browser läuft.“ 

👉 „Nutze HTML5, CSS und JavaScript – keine Frameworks oder externe Bibliotheken.“ 

👉 „Liefere mir den Code als herunterladbare HTML-Datei.“ 

Prompt-Beispiele für funktionierende Onlinespiele

So, genug der Theorie. Gehen wir zur Praxis über! Lass uns ein paar simple, aber unterhaltsame Games mit KI programmieren, die sofort funktionieren.

SnaKI

Wenn du in den 1990ern oder 2000er-Jahren in ein Nokia-Handy hattest, kennst du „Snake“. Man steuert hier eine Schlange, sammelt Äpfel und vermeidet Kollisionen. Unsere Browser-Neuauflage namens „SnaKI“ wird wie das Original im Pixel-Look dargestellt.

Wie das geht? Füge diese Anweisung in dein KI-Tool ein:

👉 “Schreibe bitte ein Snake-artiges Spiel in HTML5, das lokal funktioniert. Der Name des Spiels ist SnaKI. Die Schlange, ein simpler weißer Pixel, soll mit den Pfeiltasten gesteuert werden, rote Pixel fressen und wachsen. Das Spiel soll enden, wenn die Schlange gegen die blaue Wand oder sich selbst gesteuert wird. Füge eine Startseite mit einem ‚Spiel starten‘-Button hinzu. Speichere den Highscore im LocalStorage. Liefere mir den Code als herunterladbare HTML-Datei.“

Das fertige Ergebnis kannst du hier spielen: ▶️ SnaKI jetzt zocken

BricKIOut

Kennst du „Breakout“? Dieses Arcade-Game ist Kult! Deine Aufgabe ist es, mit einem Ball bunte Blockreihen zu zerstören. Was ganz simpel klingt, kann ganz schön herausfordernd sein. Die Programmierung eines ähnlichen Spiels mit ChatGPT & Co. fällt dagegen ganz einfach aus.

Verwende für „BricKIOut“ diesen Prompt:

👉 „Erstelle bitte ein vollständiges Breakout-artiges Spiel in HTML5, das lokal im Browser läuft. Verwende nur reines HTML, CSS und JavaScript ohne externe Bibliotheken. Der Name des Spiels lautet BricKIOut. Es soll erst starten, wenn man die Leertaste oder auf einen Button drückt. Das Game soll ein Paddle unten haben, das mit den Pfeiltasten links und rechts gesteuert wird. Es muss mehrere Reihen bunter Blöcke geben, die alle innerhalb des Spielfelds platziert sind. Ein Ball prallt vom Paddle und den Blöcken ab und zerstört diese. Die Kollisionserkennung muss korrekt funktionieren, sodass der Ball nicht durch Blöcke oder Wände hindurchgeht. Füge eine Punktezählung für zerstörte Blöcke hinzu. Der Spieler hat 3 Leben, und das Spiel endet, wenn der Ball den Boden berührt. Zeige eine Game-Over-Anzeige mit einem Neustart-Button an. Liefere mir den kompletten Code als herunterladbare HTML-Datei, die ich direkt öffnen und spielen kann.” 

Das fertige Spiel kannst du hier erleben: ▶️ BriKIout jetzt zocken

PonKI

Lass uns mal ein Zwei-Spieler-Game entwickeln – so wie „Pong“. Das hast du sicherlich schon gespielt, oder? Immerhin ist das eines der ältesten Spiele überhaupt! Du und dein Mitspieler steuert im Original wie auch in diesem KI-Remake eine Art Schläger. Ihr versucht, den Ball beim Gegner zu versenken.

Setze für die Umsetzung von „PonKI“ diesen Prompt ein:

👉 “Programmiere bitte ein vollständiges, lokal lauffähiges HTML5-Spiel im Stil von Pong, das aber PonKI genannt wird. Nutze reine HTML, CSS und JavaScript ohne externe Bibliotheken. Das Spiel soll zwei spielbare Paddles (links/rechts) haben, einen Ball, der abprallt, und eine Punktzählung. Die Steuerung erfolgt über die Tastatur: Pfeiltasten für rechts, W/S für links. Füge eine Game-Over-Anzeige hinzu, wenn ein Spieler 5 Punkte erreicht. Liefere mir den Code als herunterladbare HTML-Datei.“

Spiele mit einem Gegner das fertige KI-Game hier: ▶️ PonKI jetzt zocken

Tipps für bessere KI-Onlinespiele

Du bist mit den ersten Ergebnissen noch nicht ganz zufrieden? Kein Problem, passe dein mit KI programmiertes Onlinespiel mit ein paar neuen Anweisungen an. Hier ein paar Inspirationen:

👉 “Ersetze die Steuerung über die Pfeiltasten durch eine WASD-Steuerung“

👉 “Verwende bitte viele bunte Farben im Stil der 80er-Jahre”

👉 “Gib der Schlange das Aussehen eines Smileys””

👉 “Mache den Ball schneller, je höher der Punktestand ist.” 

👉 “Stelle den Highscore rechts oben als halbtransparente Ebene dar”

Wie du Fehler beheben kannst

Läuft dein mit „ChatGPT-Game“ gar nicht oder nicht so, wie du es dir vorgestellt hast? Gibt es Probleme mit der Spiellogik oder der Darstellung? Das kann durchaus sein, denn ’nobody is perfect‘ – auch keine Künstliche Intelligenz.

Daher solltest du versuchen, die Probleme schrittweise zu lösen. Zum Beispiel so:

➡ Schreibe kurze Prompts, die sich auf eine Sache fokussieren.

➡ Sage deinem KI-Tool, was nicht funktioniert. Beschreibe den Fehler dabei ganz präzise.

➡ Lade gerne einen Screenshot hoch, um einen Punkt genauer zu erläutern.

➡ Wenn du Ahnung von Coden hast, solltest du versuchen, eine Lösung vorzuschlagen.

➡ Erst wenn eine Sache gelöst ist, gehst du die nächste Herausforderung an.

➡ Nutze verschiedene Tools wie Le Chat oder Gemini. Jede KI liefert etwas andere Ergebnisse.

➡ Führe einen Neustart deines Projekts durch, indem du einen neuen Chat startest.

➡ Verwende ein Thinking-Modell deiner KI-Anwendung.

Fazit

Hättest du gedacht, dass es so easy ist, ein Browserspiel mit ChatGPT und dergleichen umzusetzen? Nutze die hier vorgestellten Prompts, Tipps und Beispiele, um deine eigenen Varianten der Kultspiele umzusetzen. Oder entwickle mit der KI ganz eigene Onlinespiele!

Bild: LeChat, OpenAI, Freepik

KI Kaenguru

Jürgen aka „KI Känguru“ liebt ChatGPT und andere KI-Tools. Deshalb hilft er Einsteigern gerne mit praktischen Tipps, indem er Ratgeber schreibt und Schulungen gibt. Außerdem arbeitet Jürgen als Marketing-Experte und Fachautor für Digitalisierung & Gründerbusiness.

juergenkroder.com/journalismus/ueber-mich/