Ein Spiel mit ChatGPT erstellen: von der Idee zum Link

Drei Rollen für ChatGPT

Die vierte Rolle, Programmierer am echten Projekt, übernimmt Codex. Mehr dazu in Schritt 5.

Schritt 1: Das Spiel im Chat entwerfen

Besprich die Idee, bevor es Code gibt. Lass ChatGPT die Kernschleife finden und alles andere streichen:

Ich will ein Browserspiel über einen Fuchs, der Käse vom Bauernhof stiehlt. Schlag drei Varianten der Spielschleife für einen Bildschirm vor, nimm die einfachste und schreib ein Design auf einer Seite: Ziel, Steuerung, wie man verliert, was die nächste Runde schwerer macht.

Heraus kommt ein kurzes Designdokument. Heb es auf: Du fügst es in jedem weiteren Schritt ein, und es hält die KI von Funktionen fern, die du nie wolltest. Gute erste Spiele haben eine Handlung, die der Spieler wiederholt: ausweichen, kombinieren, tippen, zielen.

Schritt 2: Prototyp in Canvas

Verlang eine spielbare Version, die direkt in ChatGPT läuft:

Schreib nach diesem Design das Spiel als eine HTML-Datei mit Phaser. Pfeiltasten am Computer, Wischen am Handy. Statt Bildern einfache Formen.

Spiel in der Vorschau und gib Rückmeldung zu jeweils einer Sache: „Der Fuchs ist zu langsam“, „der Bauer soll alle 20 Sekunden schneller werden“. Wenn etwas kaputtgeht, füg die genaue Fehlermeldung ein. In dieser Schleife ist ChatGPT am stärksten, und eine Plattform brauchst du dafür nicht.

Schritt 3: Was dem Prototyp fehlt

Der Prototyp bleibt ein Spielzeug, solange ihm fehlt, was jedes echte Spiel hat:

• Konten, damit der Fortschritt einen Handywechsel übersteht;
• Speicherstand und Inventar auf dem Server, nicht im Browser;
• ein Shop, dessen Preise der Server prüft und nicht die Seite;
• Bestenlisten, Quests und Login-Belohnungen, die Spieler zurückholen;
• Hosting unter einem Link, den man teilen kann.

ChatGPT kann jeden dieser Teile schreiben, aber jeder ist ein eigenes Server-Projekt. Auf iDos Games gibt es sie schon, und ChatGPT nutzt sie über den Connector.

Schritt 4: Spiel anlegen und ChatGPT verbinden

Öffne Erstellen, füg dein Design als Idee ein und beantworte ein paar Fragen. Die Plattform wählt eine Startvorlage, und der KI-Coder baut eine erste spielbare Version: siehe mit KI erstellen.

Dann fügst du in ChatGPT einen eigenen Connector mit dieser Adresse hinzu:

https://site.idosgames.com/api/v2/mcp

Beim ersten Aufruf bittet ChatGPT dich, dich bei iDos Games anzumelden und die Apps zu wählen, mit denen es arbeiten darf. Keine Schlüssel. Den genauen Menüweg zeigt idosgames.com/mcp. Jetzt steuerst du die Wirtschaft des Spiels aus dem Chat:

• „Lege einen Shop mit drei Münzpaketen und einem kostenlosen Tagesgeschenk an.“
• „Mach drei tägliche Quests: für Siege, für Käufe und für Upgrades.“
• „Füge eine Wochen-Bestenliste nach bestem Punktestand hinzu.“
• „Erzeuge ein Icon für den Gegenstand Käse und lege es in den Shop.“

Das sind Server-Einstellungen, sie ändern sich im laufenden Spiel ohne neuen Build.

Schritt 5: Den Code schreibt Codex

Für Änderungen am Spielcode verbindest du Codex mit beiden Servern von iDos Games:

codex mcp add idosgames --url https://site.idosgames.com/api/v2/mcp
codex mcp add idosgames-registry -- npx -y @idosgames/mcp

Bitte Codex, den Skill idosgames-getting-started zu laden und die App nach deinem Design zu bauen. Es nutzt die fertigen Module und das TypeScript-SDK, statt einen Server neu zu schreiben, und Phaser-Code aus dem Prototyp lässt sich übernehmen. Alle Optionen für Agenten: mit KI-Agenten über MCP bauen.

Schritt 6: Testen und veröffentlichen

Baue das Spiel, lade den Build in die Testkopie hoch und gib mir den Link.

Spiel auf dem Handy, behebe, was stört, und lass dann den getesteten Build veröffentlichen. Das Spiel läuft unter {id}.idos.games, und in den Katalog von idosgames.com nimmst du es auf, wenn du so weit bist. Ein Rollback ist ein Klick im Dashboard.

Was es kostet

Das Geld geht an zwei Stellen, und die solltest du auseinanderhalten:

• ChatGPT und Codex laufen über dein OpenAI-Abo. Design, Prototyp in Canvas und Codeänderungen bezahlst du dort.
• iDos Games berechnet nur, was die Plattform selbst macht. Der Einstieg geht mit dem Free-Tarif: monatliche KI-Credits, Hosting und fertige Systeme. Bilder, Sound und 3D über den Connector verbrauchen zuerst die KI-Credits des Tarifs, dann Aspis. Vor einer teuren Generierung lass den Agenten zuerst den Preis prüfen.

Server, Datenbank und Domain brauchst du nicht extra: Das Spiel läuft unter {id}.idos.games, eine eigene Domain kommt mit einem bezahlten Tarif dazu.

Prompts, die Zeit sparen

• Das Designdokument am Anfang jedes neuen Chats einfügen. ChatGPT vergisst, das Dokument nicht.
• Die ganze geänderte Datei verlangen, solange du prototypst, nicht ein Stück, das du selbst einsetzen musst.
• Das Symptom beschreiben, nicht die Vermutung. „Der Punktestand springt nach der Pause auf null“ ist besser als „repariere die Punktevariable“.
• Zahlen aus dem Code nehmen, sobald das Spiel läuft: Preise, Belohnungen und Drop-Raten gehören in die Server-Einstellungen.

Typische Fehler

1. Gleich das Traumspiel. Offene Welt, Crafting und Online-Kämpfe werden nie fertig. Erst eine Schleife.
2. Grafik vor Spielspaß. Formen reichen, bis Leute noch eine Runde spielen wollen.
3. Shop im Browser. Jeder öffnet die Entwicklertools und gibt sich Münzen.
4. Nie auf dem Handy getestet. Geteilte Links werden meist dort geöffnet.

Wenn du keine Werkzeuge jonglieren willst

Der eingebaute KI-Coder von iDos Games erledigt die Schritte 2 bis 6 an einem Ort, im Browser: ein Spiel mit KI erstellen. Wer im Terminal lebt, nutzt dieselbe Plattform mit Claude Code.