„Game Over? Von wegen! Wie KI alte Spielhallen-Klassiker wiederbelebt“

— title: „Game Over? Von wegen! Wie KI alte Spielhallen-Klassiker wiederbelebt“ slug: legacy-spiele-ki-reaktivieren-vibe-coding tags: [KI, Vibe Coding, Retro-Gaming, Coding Agent, Kiro, Claude, HTML5, Canvas] excerpt: „Frogger, Snake, Breakout – die Helden der 80er leben wieder. Und zwar nicht als ROM-Dump, sondern frisch generiert von einer KI. In unter 60 Sekunden. Ohne eine Zeile eigenen Code.“ —

Schwierigkeitsgrad: 🟢 Anfänger

Enthält: Einen kompletten Prompt für ein spielbares Retro-Game, eine Liste von 20+ Spieleklassikern die sofort funktionieren, und die Erkenntnis, dass Coding Agents nicht nur Statusberichte können – sondern auch verdammt gute Spieleentwickler sind.

—

Die Spielhalle lebt – sie riecht nur nicht mehr nach Zigarettenrauch

Es gibt Dinge, die vergisst man nicht. Das Windows-XP-Startgeräusch. Das befriedigende Klack, wenn die Schlange bei Snake gegen die eigene Wand fährt. Und den Moment, in dem der letzte 50-Pfennig-Stück im Pac-Man-Automaten verschwand – zusammen mit der Hoffnung auf ein vernünftiges Mittagessen.

Die alten Spielhallen sind weg. Aber die KI hat offenbar beschlossen, dass Retro-Gaming ein wichtigerer Use Case ist als die Heilung von Krebs. Und ehrlich gesagt? Schwer zu widersprechen, wenn nach 30 Sekunden Prompt-Eingabe ein vollständiges Frogger im Browser läuft.

Generative KI kann diese Klassiker in unter einer Minute komplett neu erschaffen – als einzelne HTML-Datei, die im Browser läuft. Kein Download, keine Installation, kein Emulator. Und das Ganze funktioniert mit KI-Coding-Assistenten wie Kiro (AWS), Cursor oder VS Code mit GitHub Copilot – also denselben Tools, die im Projektalltag für Automatisierung und Code-Generierung zum Einsatz kommen.

Willkommen bei der unterhaltsamsten Nebenwirkung von Coding Agents: Die Wiedergeburt der Arcade-Ära. Oder wie es in der Sprache des Projektmanagements heißt: ungeplanter Scope-Zuwachs mit positivem Stakeholder-Feedback.

—

Was ist „Vibe Coding“ – und warum betrifft es Frösche?

Der Begriff „Vibe Coding“ wurde im Februar 2025 von Andrej Karpathy (KI-Forscher und ehemaliger Director of AI bei Tesla) geprägt. Die Idee: Man beschreibt in natürlicher Sprache, was die Software tun soll – und die KI liefert funktionsfähigen Code. Keine IDE-Kenntnisse nötig, kein Debugging, kein Stack Overflow um 3 Uhr nachts.

Oder kurz: Man tippt „Bau mir Frogger“ und bekommt Frogger. Ohne 4 Semester Informatik. Ohne npm. Ohne existenzielle Krise wegen fehlender Semikolons.

Was Karpathy damals noch als Experiment für Entwickler beschrieb, ist inzwischen Alltagspraxis – auch für Nicht-Programmierer. Und besonders bei Spielen zeigt sich, warum das für den Projektalltag relevant ist: Wer versteht, wie ein Coding Agent ein komplettes Spiel aus einem Prompt baut, versteht auch, was diese Tools bei Automatisierungsaufgaben, Prototypen und Datenauswertungen leisten können.

—

Der Beweis: Ein Frogger in 30 Sekunden

Der folgende Prompt wurde in einer KI-IDE (Kiro) eingegeben – mit exakt null Zeilen Eigenleistung. Kein Copy-Paste von Stack Overflow, kein YouTube-Tutorial, kein „lass mich mal kurz den Code von 2003 rauskramen“:

Kontext: Ich möchte ein Browser-Spiel als einzelne HTML-Datei, die ohne Server oder externe Bibliotheken funktioniert. Das Spiel soll mit HTML5 Canvas gerendert werden.

Rolle: Du bist ein erfahrener Game-Entwickler, der Retro-Arcade-Klassiker in modernem JavaScript nachbaut.

Zielgruppe: Freizeit-Spielende, die im Browser ohne Installation spielen wollen.

Format: Eine einzige HTML-Datei mit eingebettetem CSS und JavaScript, sofort spielbar per Doppelklick.

• Frosch startet unten, muss über Straßen (Autos) und Wasser (Baumstämme, Schildkröten) zu 5 Zielfeldern oben
• Mehrere Fahrzeugtypen in verschiedenen Geschwindigkeiten und Farben
• Baumstämme und Schildkröten als Plattformen auf dem Wasser
• Leben-System (3 Leben), Punkte, Levelanzeige
• Steuerung per Pfeiltasten oder WASD
• Retro-Look mit dunklem Hintergrund und leuchtenden Farben

Das Ergebnis? Ein vollständig spielbares Frogger – mit Fahrzeugen in unterschiedlichen Geschwindigkeiten, Baumstämmen auf dem Wasser, Leben-Anzeige und Level-System. Alles in einer einzigen HTML-Datei. Der Frosch lebt. Die Produktivität stirbt. Ein fairer Tausch.

Gleiche Technik, anderes Spiel: Snake funktioniert genauso – Neon-Schlange auf dunklem Hintergrund, Score-Tracking, sofort spielbar. Die Schlange wächst, die ToDo-Liste auch. Aber wenigstens macht eines davon Spaß.

—

Das funktioniert nicht nur mit Fröschen und Schlangen

Die gleiche Technik funktioniert mit praktisch jedem Arcade-Klassiker der 80er und 90er Jahre. Hier eine getestete Liste von Spielen, die als Single-File-HTML mit Canvas oder DOM-Elementen laufen – ganz ohne externe Abhängigkeiten:

• Pong – Tischtennis für 2 Spieler oder gegen KI
• Snake – Schlange frisst Äpfel und wächst
• Breakout / Arkanoid – Ball zerstört Ziegelsteine mit einem Paddle
• Space Invaders – Aliens abschießen, die sich nach unten bewegen
• Asteroids – Raumschiff dreht und schießt Asteroiden
• Flappy Bird – Durch Lücken zwischen Rohren fliegen
• Tetris – Fallende Blöcke in Reihen anordnen

• 2048 – Zahlen-Kacheln zusammenschieben
• Minesweeper – Minenfeld aufdecken ohne zu explodieren
• Memory – Kartenpaare finden
• Tic-Tac-Toe – Drei gewinnt (mit KI-Gegner)
• Connect Four / Vier gewinnt – Strategisches Brettspiel
• Sudoku – Zahlenrätsel mit Generator

• Doodle Jump – Plattform-Hüpfspiel
• Frogger – Frosch über Straße und Fluss lotsen
• Whack-a-Mole – Maulwürfe hauen
• Infinite Runner – Endlos-Laufspiel mit Hindernissen (wie Chrome Dino)

Alle diese Spiele lassen sich mit einem einzigen Prompt generieren und per Doppelklick im Browser öffnen. Eine Art App Store, nur ohne Apple-Steuer und mit 100% weniger Datenschutz-Pop-ups.

—

Warum funktioniert das so gut?

Drei Faktoren machen Retro-Spiele zum perfekten Use Case für KI-Code-Generierung:

1. Überschaubare Komplexität Ein Snake-Spiel hat vielleicht 150 Zeilen JavaScript. Das liegt bequem innerhalb dessen, was ein LLM in einem Durchgang fehlerfrei erzeugen kann. Kein mehrstufiger Build-Prozess, keine Abhängigkeiten, kein State-Management-Framework. Zum Vergleich: Ein typisches React-Projekt braucht 150 Zeilen allein für die Cookie-Consent-Einblendung.

2. Dokumentiertes Wissen Diese Spiele wurden in den letzten 40 Jahren millionenfach implementiert – als Hausaufgabe, als Tutorial, als YouTube-Video, als „Schatz, ich lerne programmieren“-Projekt. Die Trainingsdaten der Sprachmodelle sind voll davon. Die KI hat quasi einen kollektiven Arcade-Spielhallen-Gedächtnispalast.

3. Sofortige Überprüfbarkeit Anders als bei einem Statusbericht oder einer Risikoanalyse sieht man sofort, ob das Ergebnis funktioniert: Doppelklick → Spiel läuft (oder eben nicht). Kein Review-Prozess, kein Stakeholder-Feedback, kein „können wir das nochmal im Jour Fixe besprechen“. Der Frosch quakt oder er quakt nicht.

—

Der erweiterte Prompt: So wird das Ergebnis besser

Für anspruchsvollere Ergebnisse lohnt es sich, den Prompt zu verfeinern. Der folgende Template-Prompt erzeugt Spiele in einheitlichem Retro-Neon-Stil – quasi eine Corporate Identity für die Spielesammlung:

Kontext: Ich erstelle eine Sammlung von Browser-Spielen als HTML-Einzeldateien. Alle Spiele sollen den gleichen visuellen Stil haben: dunkler Hintergrund (#1a1a2e), leuchtende Neon-Farben, Courier-New-Font, Canvas-Rendering mit Box-Shadow-Glow-Effekt.

Rolle: Du bist ein Game-Developer, der sich auf performante Canvas-Spiele spezialisiert hat und Wert auf saubere Game-Loop-Architektur (requestAnimationFrame) legt.

Zielgruppe: Gelegenheitsspieler am Desktop-PC, Steuerung ausschließlich per Tastatur.

Format: Eine HTML-Datei, max. 400 Zeilen, mit eingebettetem CSS und JS. Kein externes Framework, kein CDN-Link, keine Bilder – alles wird programmatisch gezeichnet.

• Responsive Canvas (feste Breite, zentriert)
• HUD oben: Score, Highscore (localStorage), Level/Leben
• Game-Over-Screen mit Restart-Option (Leertaste)
• Steigende Schwierigkeit pro Level
• Visueller Retro-Stil mit Glow-Effekten

Mit diesem Template-Prompt lässt sich eine komplette Spielesammlung in einheitlichem Stil erstellen – eine Art persönliche Mini-Arcade im Browser-Tab. Einfach `[SPIELNAME]` durch den gewünschten Klassiker ersetzen und den Coding Agent arbeiten lassen.

—

Was man dabei über KI-Coding lernt

Hier wird es interessant – auch für Leute, die beruflich keine Frösche über Straßen schicken:

Prompt-Struktur bestimmt Code-Qualität. Wer nur „Mach mir Snake“ schreibt, bekommt ein funktionierendes aber hässliches Spiel. Wer visuelle Vorgaben, Architektur-Hinweise und Feature-Listen mitgibt, bekommt Code, der auch strukturell sauber ist. Die gleiche Logik gilt für jeden anderen KI-generierten Output – ob Projektplan oder Python-Script.

Iteratives Arbeiten lohnt sich. Das erste Ergebnis ist selten perfekt. Aber Nachbesserungen wie „Mach die Schildkröten größer“ oder „Füge einen Pause-Modus mit P-Taste hinzu“ funktionieren zuverlässig – weil die KI den bestehenden Code als Kontext behält. Wie im echten Projekt: Version 1 ist nie die finale.

Single-File-Architektur ist King. Für Prototypen, Demos und Quick-Wins ist die Beschränkung auf eine Datei kein Nachteil – es ist ein Feature. Kein npm install, kein Build-Step, kein „Works on my machine“. Doppelklick, fertig. Der IT-Support wird dankbar sein.

—

Der Nostalgie-Faktor: Warum das Spaß macht

Zugegeben: Niemand braucht einen neuen Frogger-Klon. Aber es gibt wenige Dinge, die den Nutzen von KI-Coding-Assistenten so unmittelbar demonstrieren wie ein Spiel, das nach 30 Sekunden Prompt-Eingabe einfach da ist und funktioniert.

Für Workshops, Team-Events oder einfach die Mittagspause: Eine selbst-generierte Spielesammlung ist der beste Gesprächsstarter für „Was kann KI eigentlich noch so?“. Und der Einstieg in komplexere Automatisierungsprojekte beginnt oft mit genau diesem Moment: Das hat die KI gerade eben gebaut? In 30 Sekunden? Was geht dann erst bei meinen Statusberichten?

Außerdem: Wer im nächsten Meeting beiläufig erwähnt, einen Frogger-Klon per KI erstellt zu haben, gewinnt sofort den inoffiziellen „coolster Mensch im Raum“-Award. Das ist kein messbarer KPI, aber trotzdem wertvoll.

—

Nächste Schritte

• Den Frogger-Prompt oben in eine KI-IDE (Kiro, Cursor, VS Code mit Copilot) eingeben und das Ergebnis testen
• Einen zweiten Klassiker aus der Liste generieren und vergleichen

• Eine Spielesammlung mit 5 Spielen im einheitlichen Stil erstellen (erweiterter Template-Prompt)
• Den besten Prompt als Vorlage für andere Coding-Aufgaben adaptieren

• Die Technik auf nicht-spielerische Prototypen übertragen: interaktive Dashboards, Kalkulatoren, Visualisierungen – alles als Single-File-HTML
• Den Highscore im selbst generierten Snake knacken (optional, aber empfohlen)

—

Übertragung auf andere Rollen und Branchen

• Scrum Master: Interaktives Sprint-Burndown als HTML-Datei generieren lassen, die das Team im Daily öffnet
• Trainer/Coach: Lernspiele (Quiz, Memory mit Fachbegriffen) für Workshops in 60 Sekunden erstellen
• Marketing-Manager: Interaktive Produktdemos als Single-File-HTML für Messen oder Newsletter-Landingpages
• HR / People & Culture: Gamifizierte Onboarding-Challenges als Browser-Spiel für neue Mitarbeitende
• Lehrkräfte: Mathematik- oder Vokabel-Spiele passend zum aktuellen Unterrichtsstoff generieren
• Berater/Freelancer: Interaktive Prototypen für Kundenpräsentationen, die ohne Installation auf jedem Rechner laufen
• Vertrieb: Konfiguratoren oder Preisrechner als einfache HTML-Datei zum Versenden per E-Mail
• Veranstaltungsmanagement: Digitale Glücksräder, Tombola-Tools oder Quizze für Events
• IT-Ausbilder: Coding-Konzepte (Schleifen, Arrays, Objekte) anhand von Spiele-Code vermitteln
• Teamleiter: Retro-Spieleturnier als Low-Budget-Teambuilding-Maßnahme organisieren

—

Quellen

• Karpathy, A. (2025): „Vibe Coding“ – Definition und Beschreibung des Konzepts, X/Twitter-Post vom 02.02.2025. Erläuterung bei Cloudflare, abgerufen am 18.07.2026
• Mashable (2025): „Vibe coding for beginners: ChatGPT vs Claude vs Grok“ – Vergleichstest KI-generierter Browser-Spiele, mashable.com, abgerufen am 18.07.2026
• Google Cloud (2025): „Vibe Coding Explained: Tools and Guides“ – Einordnung des Workflows in den Entwicklungsalltag, cloud.google.com, abgerufen am 18.07.2026

—

Transparenzhinweis: Dieser Artikel wurde mit Unterstützung von KI erstellt. Die beschriebenen Spiele wurden tatsächlich per Prompt generiert und getestet. Die KI-generierten Code-Ergebnisse wurden auf Funktionsfähigkeit geprüft, aber nicht auf Sicherheit für Produktivumgebungen auditiert. Screenshots zeigen reale Ergebnisse der beschriebenen Prompts. Kein Frosch wurde bei der Erstellung dieses Artikels verletzt.