Die Entstehung von Skyline Sling
Ein 2D Wurfspiel im Stil von Gorillas QBasic
Kann eine künstliche Intelligenz ein Spiel programmieren und anschließend selbst darin gegen einen Menschen antreten?
Genau das wollte ich ausprobieren. Das Ergebnis ist Skyline Sling, ein kostenloses Browsergame, das vom klassischen QBasic-Spiel Gorillas inspiriert wurde. Zwei Spieler stehen auf den Dächern einer zufällig erzeugten Stadt und versuchen, sich mit gezielten Würfen zu treffen. Dabei müssen Winkel, Wurfstärke, Gebäude, Wolken und Wind berücksichtigt werden.
Der besondere Unterschied: Einer der beiden Spieler kann ein Large Language Model wie ChatGPT, Claude, Gemini oder ein anderes LLM sein.
Skyline Sling kostenlos spielen:
Jetzt Skyline Sling im Browser starten
Das vollständige Experiment als Video:
Skyline Sling kurz erklärt
Skyline Sling ist ein rundenbasiertes 2D-Wurfspiel für den Browser.
Die wichtigsten Spielregeln:
- Zwei Spieler stehen auf unterschiedlichen Gebäuden.
- Jeder Spieler bestimmt Winkel und Stärke seines Wurfs.
- Der Wind verändert die Flugbahn.
- Gebäude und Wolken können Würfe blockieren.
- Hindernisse lassen sich teilweise zerstören.
- Wer zuerst drei Treffer erzielt, gewinnt.
- Das Spiel kann gegen einen Freund oder mithilfe eines LLM gespielt werden.
Für das Spiel ist keine Installation notwendig. Skyline Sling läuft direkt im Browser und wurde mit einfachem HTML und JavaScript umgesetzt.
Die Inspiration: mein erstes Computerspiel
Die Idee für das Projekt entstand, als ich verschiedene von ChatGPT erstellte Spiele und interaktive Demos ausprobierte.
Dabei fiel mir auf, wie viel besser KI-Modelle inzwischen darin geworden sind, kleine Spiele und Prototypen zu entwickeln. Natürlich funktionieren diese Ergebnisse nicht immer perfekt. Es gibt Bugs, ungewöhnliche Entscheidungen und gelegentlich Funktionen, die ganz anders reagieren als erwartet.
Trotzdem erinnerte mich der einfache Stil der Demos an die ersten Spiele, die ich als Kind auf einem Computer gespielt hatte.
Eines davon war Gorillas.
Das Spiel war damals Bestandteil von QBasic und hatte eine sehr einfache Grundidee: Zwei Gorillas stehen auf Hochhäusern und werfen Bananen aufeinander. Vor jedem Wurf gibt man einen Winkel und eine Stärke ein. Zusätzlich beeinflusst der Wind die Flugbahn.
Es gab keine aufwendige 3D-Grafik, kein Online-Multiplayer-System und keine komplizierten Menüs. Man saß gemeinsam vor einem Computer und spielte abwechselnd.
Genau dieses Spielgefühl wollte ich wieder aufgreifen – allerdings mit einem neuen Gegner: ChatGPT.
Kann ChatGPT einen perfekten Wurf berechnen?
Zunächst stellte sich eine grundlegende Frage:
Wie soll ChatGPT wissen, wohin es werfen muss?
Ein Mensch sieht das Spielfeld und kann ungefähr abschätzen:
- Wo sich der Gegner befindet
- Wie viele Gebäude im Weg stehen
- Wie hoch die Gebäude sind
- Wie stark der Wind weht
- Welcher Winkel geeignet sein könnte
- Welche Wurfstärke benötigt wird
Ein Sprachmodell sieht das Spielfeld jedoch nicht automatisch. Deshalb mussten alle wichtigen Informationen in Text umgewandelt werden.
Das Spiel erzeugt dafür eine Beschreibung des aktuellen Spielzustands. Dieser sogenannte Handoff-Prompt enthält unter anderem:
- Die Position beider Spieler
- Abstände und Höhen
- Die Positionen der Gebäude
- Vorhandene Hindernisse
- Die aktuelle Windstärke
- Informationen über vorherige Würfe
Diesen Text kann man kopieren und in ChatGPT oder ein anderes LLM einfügen. Das Modell berechnet daraufhin einen möglichen Winkel und eine passende Stärke.
Die vorgeschlagenen Werte lassen sich anschließend wieder in das Spiel übernehmen.
Damit wurde aus einem klassischen Zwei-Spieler-Spiel gleichzeitig ein kleines Experiment über die Fähigkeiten moderner KI-Modelle.
ChatGPT programmiert den ersten Prototyp
Nachdem die Grundidee feststand, bat ich ChatGPT darum, einen ersten spielbaren Prototyp zu erstellen.
Das Ergebnis sah zunächst vielversprechend aus. Es gab:
- Zwei Spieler
- Mehrere Gebäude
- Eingabefelder für Winkel und Stärke
- Einen Button zum Abfeuern
- Eine Funktion zum Erzeugen neuer Level
- Einen automatisch generierten Prompt für das LLM
Optisch erinnerte der Prototyp bereits an das klassische Gorillas-Spiel.
Allerdings zeigte der erste Test schnell, warum KI-generierter Code weiterhin kontrolliert werden muss.
Unabhängig davon, welchen Button ich anklickte, wurde einfach ein neues Level erzeugt. Der Button zum Abfeuern, der Button zum Übernehmen der Werte und weitere Bedienelemente waren offenbar alle mit derselben Funktion verbunden.
Das Spiel sah spielbar aus, war es aber noch nicht.
Nach einem weiteren Hinweis korrigierte ChatGPT die Event-Handler. Anschließend konnten Winkel und Wurfstärke tatsächlich eingegeben und ein Projektil abgefeuert werden.
Dann folgte der erste richtige Test gegen die KI.
Der erste Versuch endete 3:0 für ChatGPT
Ich übergab ChatGPT den automatisch erzeugten Spielzustand und bat das Modell um passende Werte für seinen ersten Wurf.
Nach einer längeren Berechnung erhielt ich einen Winkel und eine Wurfstärke. Ich übernahm beide Werte in das Spiel und feuerte den Schuss ab.
ChatGPT traf beim ersten Versuch.
Das war beeindruckend, aber gleichzeitig ein Problem. Denn auch die nächsten Runden liefen nicht wesentlich besser für mich. Der erste Test endete mit einem deutlichen 3:0 für ChatGPT.
Eine KI kann Entfernungen, Winkel und Flugbahnen wesentlich genauer berechnen als ein Mensch, der die Werte nur nach Gefühl einschätzt. Ohne zusätzliche Hindernisse oder Unsicherheiten war das Spiel deshalb nicht besonders ausgeglichen.
Also musste Skyline Sling angepasst werden.
So wurde das Spiel für Menschen und KI fairer
Damit Menschen eine realistische Chance gegen ein LLM haben, kamen mehrere neue Mechaniken hinzu.
Der Mensch beginnt die Runde
Spieler A ist standardmäßig der menschliche Spieler und darf den ersten Wurf ausführen.
Dadurch bekommt der Mensch zumindest die Möglichkeit, einen frühen Treffer zu landen oder erste Hindernisse aus dem Weg zu räumen.
Eine kleine Vorschau der Flugbahn
Menschen erhalten eine kurze Vorschau der anfänglichen Flugrichtung.
Diese Anzeige verrät nicht die komplette Flugbahn und berücksichtigt den Wind nicht vollständig. Sie hilft aber dabei, völlig ungeeignete Winkel zu erkennen.
Der Spieler muss weiterhin selbst einschätzen, wie stark der Wind das Projektil ablenken wird.
Zerstörbare Gebäude
Wie im klassischen Gorillas-Spiel können Treffer Löcher in Gebäude sprengen.
Dadurch verändert sich das Spielfeld während einer Runde. Ein zunächst unmöglicher Wurf kann nach einigen Treffern plötzlich möglich werden. Spieler können sich so schrittweise einen Weg durch die Skyline freischießen.
Zerstörbare Wolken als Hindernisse
Eine der wichtigsten Erweiterungen waren die Wolken.
In Skyline Sling sind Wolken nicht nur Dekoration. Sie können Projektile blockieren und teilweise zerstört werden. Dadurch entstehen Hindernisse in der Luft, die bei der Berechnung eines Wurfs berücksichtigt werden müssen.
Für ein LLM wird die Aufgabe dadurch schwieriger. Es reicht nicht mehr aus, nur die direkte Flugbahn zum Gegner zu berechnen. Das Modell muss außerdem abschätzen, ob eine Wolke im Weg liegt und ob der gewählte Winkel hoch genug oder vielleicht sogar zu hoch ist.
Informationen über vorherige Würfe
Anfangs wusste ChatGPT lediglich, dass ein Wurf nicht getroffen hatte. Das Modell wusste jedoch nicht, ob das Projektil:
- Ein Gebäude getroffen hatte
- In einer Wolke gelandet war
- Den Boden berührt hatte
- Aus dem Spielfeld geflogen war
- Knapp am Gegner vorbeigegangen war
Deshalb wurde der Prompt um Informationen aus den vorherigen Spielzügen erweitert.
Ein LLM kann diese Ergebnisse verwenden, um den nächsten Wurf anzupassen. Damit wird das Spiel zwar anspruchsvoller, aber auch interessanter: Die KI kann aus ihren vorigen Versuchen lernen.
KI-generierter Code funktioniert nicht immer sofort
Während der Entwicklung zerstörte ChatGPT zwischenzeitlich auch eine zuvor funktionierende Version des Spiels.
Bedienelemente verschwanden, das Spielfeld wurde nicht mehr korrekt angezeigt und Teile des Codes waren doppelt vorhanden. Offenbar waren Elemente aus mehreren Versionen miteinander vermischt worden.
An diesem Punkt musste ich den Code selbst untersuchen, Fehler identifizieren und ChatGPT möglichst genau erklären, was nicht funktionierte.
Das ist eine wichtige Erkenntnis aus dem Projekt:
ChatGPT kann sehr schnell funktionierende Prototypen erzeugen. Die Ergebnisse müssen aber weiterhin getestet, verstanden und kontrolliert werden.
Besonders bei mehreren aufeinanderfolgenden Änderungen kann es passieren, dass alte und neue Codeabschnitte miteinander kollidieren. Klare Aufgaben, kleine Entwicklungsschritte und regelmäßige Tests sind daher auch bei KI-gestützter Programmierung entscheidend.
Nach mehreren Korrekturen war das Spiel wieder spielbar. Anschließend arbeiteten ChatGPT und ich praktisch abwechselnd daran: Einige Anpassungen nahm ich selbst vor, andere ließ ich von der KI umsetzen.
Wer hat das finale Match gewonnen?
Nach den Verbesserungen waren die Partien deutlich ausgeglichener.
In meinem finalen Match stand es zwischenzeitlich 2:2. Gebäude und Wolken waren bereits teilweise zerstört und beide Spieler hatten mehrere Versuche benötigt, um geeignete Flugbahnen zu finden.
Am Ende landete ChatGPT jedoch den entscheidenden Treffer.
Damit gewann die KI auch das finale Match mit 3:2.
Ich konnte ChatGPT in seinem eigenen Spiel also nicht schlagen. Zumindest noch nicht.
Durch Wind, Wolken und zerstörbare Hindernisse war die Partie aber wesentlich knapper und spannender als beim ersten 3:0-Versuch.
Kann man Skyline Sling auch ohne ChatGPT spielen?
Ja. Skyline Sling kann vollständig ohne KI gespielt werden.
Zwei Spieler können sich direkt an einem Computer abwechseln. Alternativ lässt sich das Spiel über eine Bildschirmübertragung auf Discord oder einer ähnlichen Plattform gemeinsam spielen.
Dadurch gibt es mehrere mögliche Spielvarianten:
- Mensch gegen Mensch am selben Computer
- Mensch gegen Mensch über Screen Sharing
- Mensch gegen ChatGPT
- Mensch gegen Claude, Gemini oder ein anderes LLM
- LLM gegen LLM
Die KI-Anbindung erfolgt über den kopierbaren Spielzustand. Dadurch ist keine direkte API-Verbindung und kein eigener API-Schlüssel erforderlich.
Warum wurde das Spiel mit HTML und JavaScript entwickelt?
Skyline Sling sollte bewusst ein kleines, unkompliziertes Browsergame werden.
Das Projekt benötigt kein großes Backend, keine Installation und keinen Download aus einem App-Store. Das Spiel wird direkt auf der Webseite geladen und kann sofort gestartet werden.
Die einfache technische Grundlage passt außerdem zum Retro-Gedanken des Projekts. Das ursprüngliche Gorillas-Spiel war ebenfalls kein technisch überladenes Spiel, sondern lebte von einer leicht verständlichen Mechanik und dem gemeinsamen Ausprobieren verschiedener Winkel.
Auf Desktop-Geräten funktioniert Skyline Sling am besten. Die Oberfläche wurde zwar auch für kleinere Displays angepasst, auf Smartphones kann die Bedienung aufgrund des begrenzten Platzes jedoch schwieriger sein.
Was ich aus dem Experiment gelernt habe
Skyline Sling zeigt, dass ChatGPT bereits in der Lage ist, überraschend schnell einen spielbaren Prototyp zu entwickeln.
Gleichzeitig hat das Projekt mehrere Grenzen deutlich gemacht:
- Ein erster Entwurf ist selten sofort fehlerfrei.
Funktionen und Bedienelemente müssen gründlich getestet werden. - KI-generierter Code kann bei vielen Änderungen unübersichtlich werden.
Alte und neue Versionen können miteinander vermischt werden. - Klare Informationen führen zu besseren Ergebnissen.
Je genauer der Spielzustand beschrieben wird, desto sinnvoller kann das LLM reagieren. - Menschen und KI benötigen unterschiedliche Hilfen und Einschränkungen.
Eine reine Mathematikaufgabe kann für ein LLM deutlich einfacher sein als für einen Menschen. - KI eignet sich besonders gut für schnelle Experimente.
Ideen können getestet werden, ohne zunächst ein großes Projekt aufsetzen zu müssen.
ChatGPT hat das Spiel nicht vollständig allein entwickelt. Es war vielmehr ein gemeinsamer Prozess aus Prompts, Tests, Fehleranalysen, manuellen Änderungen und neuen Versionen.
Gerade diese Zusammenarbeit war der interessanteste Teil des Experiments.
Skyline Sling jetzt kostenlos spielen
Ihr könnt Skyline Sling direkt auf Ocomic ausprobieren.
Eine Installation oder Anmeldung ist nicht erforderlich:
Skyline Sling kostenlos im Browser spielen
Weitere mit ChatGPT entwickelte Spiele und Experimente findet ihr in der Übersicht:
Zu den ChatGPT Games auf Ocomic
Das vollständige Video mit der Entwicklung, den ersten Fehlern und dem finalen Match findet ihr auf YouTube:
Video ansehen: Kann ich ChatGPT in seinem eigenen Spiel schlagen?
Was kommt als Nächstes?
Der nächste logische Schritt ist ein Turnier zwischen verschiedenen KI-Modellen.
Dabei könnten beispielsweise ChatGPT, Claude, Gemini, Grok, DeepSeek und weitere LLMs gegeneinander antreten. Alle Modelle erhalten denselben Spielzustand und müssen ihre eigenen Winkel und Wurfstärken berechnen.
So ließe sich herausfinden:
- Welches Modell berechnet die genauesten Würfe?
- Welche KI kann am besten aus Fehlern lernen?
- Welches Modell kommt mit starkem Wind zurecht?
- Welche KI erkennt Hindernisse und Wolken am zuverlässigsten?
- Kann ein Modell eine Partie strategisch planen?
Bis dahin könnt ihr selbst versuchen, ChatGPT oder ein anderes LLM in Skyline Sling zu schlagen.
Und solltet ihr dabei noch einen Bug entdecken, dürft ihr ihn natürlich behalten.
Häufige Fragen zu Skyline Sling
Was ist Skyline Sling?
Skyline Sling ist ein kostenloses 2D-Browsergame, das vom klassischen QBasic-Spiel Gorillas inspiriert wurde. Zwei Spieler werfen über eine Skyline hinweg aufeinander und bestimmen dafür Winkel und Stärke.
Kann ich Skyline Sling gegen ChatGPT spielen?
Ja. Das Spiel erzeugt einen Text mit allen wichtigen Informationen zum aktuellen Spielzustand. Dieser Text kann in ChatGPT oder ein anderes LLM eingefügt werden. Die KI schlägt anschließend einen Winkel und eine Wurfstärke vor.
Benötige ich einen ChatGPT-API-Schlüssel?
Nein. Der Spielzustand wird manuell kopiert und in das gewünschte Sprachmodell eingefügt. Eine direkte API-Verbindung ist nicht erforderlich.
Kann ich auch gegen einen Freund spielen?
Ja. Zwei Menschen können sich an einem Computer abwechseln oder das Spiel über eine Bildschirmübertragung gemeinsam spielen.
Ist Skyline Sling kostenlos?
Ja. Das Browsergame kann kostenlos und ohne Anmeldung auf Ocomic gespielt werden.
Welche Faktoren beeinflussen einen Wurf?
Die Flugbahn wird unter anderem durch Winkel, Wurfstärke und Wind beeinflusst. Außerdem können Gebäude und Wolken das Projektil blockieren.
Kann man Gebäude und Wolken zerstören?
Ja. Treffer können Löcher in Gebäude und Wolken sprengen. Dadurch verändert sich das Spielfeld während der Partie.
Wer hat das Match gewonnen: Mensch oder ChatGPT?
ChatGPT gewann den ersten Test mit 3:0. Nach mehreren Verbesserungen wurde das finale Match deutlich knapper, endete aber ebenfalls mit einem Sieg für ChatGPT – diesmal mit 3:2.