Breakout-Spiel mit KI bauen: Prompt, Build, Feinschliff
Breakout-Spiel mit KI bauen: Prompt, Build, Feinschliff
Beschreiben Sie Steinmauer, Schläger und Ball, und Zugo baut ein spielbares Breakout für den Browser: Reihen von Steinen oben, ein Schläger, der unten hin und her fährt, Abpraller, Leben und ein Punktestand. Der erste Build kostet 6 Credits und steht in etwa einer Minute. Alles danach sind Änderungen im Chat zu je 3 Credits.
Breakout gehört zu den wenigen Genres, bei denen ein einziger Satz tatsächlich das ganze Spiel beschreibt. Unten steht, was in diesen Satz gehört, was der erste Build abliefert und an welcher Stelle das Genre aufhört, ein Prompt zu sein.
Warum lässt sich Breakout so genau beschreiben?
Weil es aus einem physikalischen Gesetz und drei Objekten besteht. Ein Ball fliegt und wird reflektiert, ein Schläger bewegt sich auf einer waagerechten Achse, ein Stein verschwindet bei Berührung. Diese Regeln passen in zwei Zeilen, und es bleibt nichts übrig, was ein Modell für Sie erfinden müsste.
Der zweite Grund wiegt schwerer, als er aussieht: Breakout hat fast keinen gestalteten Inhalt. Ein Level ist ein Raster, und ein Raster sind zwei Zahlen, nämlich Reihen und Spalten. Sie zeichnen keine Karten, schreiben keine Dialoge und planen kein Fortschrittssystem, also gibt es kaum eine Stelle, an der ein Prompt unklar sein könnte.
Genau deshalb taugt das Genre als erstes Projekt. Der Abstand zwischen der Beschreibung und der ersten gespielten Runde ist kurz, und jede spätere Anpassung passt in eine einzelne Nachricht. Ihre Zeit fließt in das Gefühl des Balls statt in die Erklärung, was das Spiel sein soll.
Was gehört in den Prompt?
„Mach ein Spiel mit Steinen" liefert etwas Steinförmiges und sonst nichts. Nennen Sie fünf Punkte, und der erste Build trifft Ihre Vorstellung deutlich besser.
| Element | Vager Prompt | Prompt, der baut |
|---|---|---|
| Spielfeld | „ein Spiel mit Steinen" | „acht Reihen mit je zehn farbigen Steinen oben, Schläger unten" |
| Steuerung | „den Schläger bewegen" | „Pfeiltasten und Maus bewegen den Schläger nur waagerecht" |
| Abprallregel | fehlt | „Ball prallt von Wänden, Steinen und Schläger ab, der Winkel hängt von der Trefferstelle auf dem Schläger ab" |
| Verlieren | fehlt | „drei Leben, eines weg, wenn der Ball unten vorbeifällt" |
| Punkte und Sieg | fehlt | „jeder Stein gibt Punkte, eine geräumte Mauer startet eine schnellere Runde" |
Die beiden Zeilen, die am meisten leisten, sind die Abprallregel und die Verlustbedingung. Sie sind der Unterschied zwischen einem Spiel und einem animierten Bildschirmschoner. Farben, Steinzahl und Anfangstempo verschieben Sie später in Sekundenschnelle, also halten Sie sich in der ersten Nachricht nicht damit auf.
Wie baue ich es Schritt für Schritt?
- Beschreiben Sie das Spiel in zwei Sätzen. Zum Beispiel: „Ein klassisches Breakout: acht Reihen Steine oben, ein Schläger unten, gesteuert mit Pfeiltasten oder Maus, der Ball prallt von Wänden und Steinen ab, drei Leben, Punkte pro Stein, eine geräumte Mauer startet eine schnellere Runde."
- Warten Sie den geprüften Build ab. Eine einfache Fassung steht in etwa einer Minute. Vorher wird sie in einer Sandbox gestartet, und was nicht öffnet, wird nicht als fertig ausgeliefert.
- Spielen Sie es. Der erste Build ist ein Ausgangspunkt mit echtem Code dahinter. Achten Sie darauf, was sich falsch anfühlt: der Schläger zu träge, der Ball zu langsam, alle Steine gleich.
- Ändern Sie eine Sache pro Nachricht. „Mach den Schläger dreißig Prozent schmaler." „Erhöhe das Balltempo leicht nach jedem vierten Stein." Jede Änderung kostet 3 Credits und wird erneut geprüft.
- Veröffentlichen Sie mit einem Klick. Das Spiel bekommt eine eigene Adresse unter
<slug>.zugo.runund öffnet in jedem Browser, ohne Installation.
Gibt es eine fertige Breakout-Vorlage?
Keine exakte, und das gehört klar gesagt. Im Produkt liegen 25 Vorlagen, davon 5 für Spiele: Neon Drift, Blockfall, Starforge, Hop Quest und Gem Match. Blockfall kommt optisch am nächsten, weil es ebenfalls auf einem Raster aus Blöcken aufbaut, aber seine Regeln sind die eines Fallblockspiels und nicht die von Schläger und Ball.
Trotzdem lohnt der Blick hinein, um zu sehen, wie ein fertiges Canvas-Spiel aufgebaut ist. Für Breakout selbst ist der schlichte Prompt der kürzere Weg. Die Vorlage im Einzelnen steht in Die Vorlage Blockfall.
Wie bekommt der Ball das richtige Gefühl?
Zuerst der Abprallwinkel. Bitten Sie darum, dass der Reflexionswinkel davon abhängt, wo der Ball auf dem Schläger auftrifft: die Ränder schicken ihn flach zur Seite, die Mitte steil nach oben. Diese eine Regel macht aus dem Schläger statt einer Wand ein Instrument, und sie ist der größte Unterschied zwischen einem korrekten und einem guten Breakout.
Dann der Stillstand. Fällt der Ball in eine fast waagerechte Bahn, springt er lange und langweilig zwischen den Seitenwänden hin und her. Eine Mindestneigung beim Abprall beseitigt das. Es ist eine Zeile im Chat und der Unterschied zwischen spannend und zäh.
Danach kommt der Feinschliff, der jeden Treffer verkauft: ein kleiner Funkenausbruch beim Zerspringen eines Steins, ein kurzes Rütteln des Bildes in der untersten Reihe, ein Ton, dessen Höhe mit dem Balltempo steigt. Jeder dieser Punkte ist eine einzelne Bitte, und zusammen wirken sie stärker als eine neunte Steinreihe.
Was Sie dabei vermeiden sollten, ist die Sammeländerung. Wer Schlägerbreite, Balltempo und Abprallwinkel in einer Nachricht verstellt, weiß hinterher nicht, welche der drei es besser gemacht hat, und dreht beim nächsten Mal am falschen Regler.
Welche Erweiterungen lohnen sich, und in welcher Reihenfolge?
Nacheinander, nicht auf einmal. Die Reihenfolge unten ist nach Wirkung pro Änderung sortiert.
| Erweiterung | Was sie bringt | Wann sie dran ist |
|---|---|---|
| Winkel nach Trefferstelle | macht das Spiel steuerbar | zuerst, immer |
| Mindestneigung beim Abprall | beendet endlose Querläufe | direkt danach |
| Härtere Steine mit zwei Treffern | gibt der Mauer eine Struktur | wenn das Grundspiel sitzt |
| Fallende Boni, etwa breiterer Schläger | belohnt Risiko | einzeln, nie zwei zugleich |
| Zweiter Ball nach Teilung | verändert das Tempo stark | ganz am Ende |
| Startbildschirm mit Bestwert | sorgt für die zweite Runde | vor dem Veröffentlichen |
Zwei Boni, die in derselben Änderung ankommen, verhalten sich fast immer auf eine Weise, die weder Sie noch der Generator geplant hatten. Einzeln bitten, dazwischen spielen.
Was kostet ein Breakout-Projekt?
Abgerechnet wird pro Aktion und nicht pro Stunde.
| Aktion | Standard | Im Hi-Fi-Modus |
|---|---|---|
| Frischer Build | 6 Credits | 12 Credits |
| Änderung im Chat | 3 Credits | 6 Credits |
| Mehrseitige Plattform um das Spiel herum | 12 für die ersten drei Seiten, danach 3 je weiterer Seite | doppelt |
Free enthält 5 Credits, also weniger als einen einzelnen Build. Pro kostet 25 $ im Monat mit 200 Credits, was etwa 33 Builds oder 66 Änderungen entspricht, Business kostet 99 $ im Monat mit 800 Credits. Abgerechnet wird in US-Dollar. Ein fertiges Breakout mit abgestimmtem Abprall, Boni und Startbildschirm liegt meist bei einem Build und acht bis zwölf Änderungen.
Was liefert ein Prompt nicht?
Drei ehrliche Grenzen. Erstens ist das Ergebnis ein 2D-Spiel im Browser. Ein Breakout mit räumlicher Beleuchtung und einer Physik-Engine hinter jedem Stein ist ein anderes Vorhaben.
Zweitens sind die Bilder erzeugte Formen, Verläufe und Farben und keine lizenzierten Grafiken oder das Aussehen einer bekannten Marke. Dem Genre bekommt das gut, weil Breakout immer Geometrie war. Wer eine eigene Bildsprache will, bringt eigene Dateien mit und achtet auf die Nutzungsrechte.
Drittens sind vierzig handgebaute Level mit unterschiedlichen Mauern Fleißarbeit und kein Prompt. Ein Generator, der Reihen, Farben und Dichte variiert, ist schnell da. Jede von Hand entworfene Anordnung danach ist eine eigene Änderung. Eine weltweite Bestenliste braucht zusätzlich eine Datenbank über Supabase, und bei einem umfangreichen Produkt ersetzt Zugo kein Entwicklungsteam.
Wie veröffentliche ich es und was baue ich als Nächstes?
Wenn es sich gut spielt, veröffentlichen Sie. Das Spiel liegt unter <slug>.zugo.run, läuft auf Rechner und Telefon ohne Installation, und eine eigene Domain lässt sich verbinden. Geteilt wird ein Link, und genau das ist der Grund, warum Browserspiele überhaupt gespielt werden.
Wer danach ein zweites Genre mit demselben Aufbau ausprobieren möchte, findet in Arcade-Rennspiel mit KI bauen dieselbe Arbeitsweise mit anderer Mechanik. Welche Genres insgesamt zuverlässig entstehen, steht in Kann KI wirklich ein spielbares Spiel bauen.
Anfangen können Sie mit einem einzigen Satz auf zugo.dev. Spielen Sie drei Runden, schreiben Sie auf, wo es sich falsch anfühlt, und machen Sie genau das zu Ihrer ersten Änderung.