Spielerando

Vibe Coding für Anfänger: Dein erstes Spiel in einer Stunde

Fang als Anfänger mit einem Spiel an, das so klein ist, dass du es in einer Stunde schaffst, nur mit einem KI-Chat und sonst nichts. Wähl eins der drei Projekte unten aus, denn jedes bringt dir etwas anderes bei.

Welches erste Projekt passt zu mir?

Projekt Was du baust Was du lernst Nimm es, wenn
Tipp-Spiel Tippe auf einen Wasserkocher, bis er kocht, bevor die Küchenuhr abläuft Zahlen und Rückmeldung du in zehn Minuten Spaß haben willst
Fang-Spiel Fang mit einem Korb fallende Pflaumen und weich Wespen aus Bewegung, Tempo, Schwierigkeit du Action magst
Story-Spiel Finde in sechs Szenen aus einem verschlossenen Gewächshaus heraus Entscheidungen und was das Spiel sich merkt du lieber schreibst als ausweichst

Kannst du dich nicht entscheiden, nimm das Fang-Spiel. Es zeigt auf kleinstem Raum die meisten typischen Probleme, also lernst du damit am schnellsten.

Dein Traumspiel fehlt hier mit Absicht. Heb es dir auf. Ein winziges fertiges Spiel zeigt dir, was dein Traumspiel brauchen wird, und ein riesiges unfertiges bringt dir vor allem Frust.

Was brauche ich dafür?

Einen Browser und einen KI-Chat. Bezahltes Abo, Code-Editor, Terminal und Logo können warten. Kann dein Chat das Spiel nicht direkt im Gespräch zeigen, lass dir eine Datei mit der Endung .html geben, speichere sie auf dem Schreibtisch und klick doppelt darauf. Dein Browser öffnet sie wie eine Webseite.

Stolperst du über ein Wort, hilft die Liste der Begriffe.

Wie teile ich die Stunde ein?

  • Minute 0 bis 10: Projekt wählen und die erste Nachricht schicken.
  • Minute 10 bis 30: Spielen und drei Korrekturen wünschen, eine nach der anderen. Fang mit dem an, was dich am meisten nervt.
  • Minute 30 bis 45: Eine schöne Kleinigkeit ergänzen, etwa einen Ton, wenn eine Pflaume landet, oder den Bestwert auf dem Bildschirm.
  • Minute 45 bis 60: Gib es einer Person und schau ihr zu.

Welche Anfängerfehler kosten am meisten?

  • „Fertig“ glauben. Vielleicht hat deine KI das Spiel nie gespielt. Ob es läuft, siehst nur du.
  • Zehn Dinge auf einmal wünschen. Geht etwas kaputt, weißt du nicht, welches der zehn es war.
  • Zuerst die Optik machen. Ein hübscher Korb hilft nicht, wenn Pflaumenfangen keinen Spaß macht.
  • Die gute Version verlieren. Sichere vor jeder Änderung eine Kopie: pflaumen-1.html, pflaumen-2.html. So holst du ein kaputtes Spiel mit einem Klick zurück.
  • Endlos im selben Chat bleiben. Kommt die KI durcheinander, starte einen neuen Chat und füge deine letzte Datei ein.
  • Geheimes einfügen. Simon Willison warnt Einsteiger vor geheimen Schlüsseln und rät zur Vorsicht bei privaten Daten. Ein kleines Spiel braucht beides nicht, also gehören Passwörter und Schlüssel nie in einen Chat.

Das sagst du deiner KI

Ich habe noch nie etwas gebaut. Hilf mir bei diesem Spiel: Ich bewege einen Korb nach links und rechts, Pflaumen fallen herunter und geben Punkte, Wespen kosten ein Leben, ich habe drei Leben, und es wird langsam schneller.

Zeig mir zuerst ein winziges Diagramm mit Kästen und Pfeilen: Start, Spielen, Verloren, Noch mal. Prüf, dass jeder Kasten einen Ausgang hat, und bau danach.

Gib mir eine Datei mit der Endung .html, die ich speichern und per Doppelklick öffnen kann. Erklär in drei kurzen Schritten, wie das geht.

Sprich mit mir wie eine Freundin, die gern kocht, nicht wie jemand vom Fach. Wenn du ein Wort benutzt, das ich vielleicht nicht kenne, erklär es.

Sag am Ende nur dann, dass es läuft, wenn du auch sagst, worauf das beruht. Konntest du es nicht selbst öffnen, sag das offen. Sag mir dann genau, was ich in den ersten zehn Sekunden sehen müsste, damit ich dir melden kann, wenn etwas nicht stimmt.

Oder spar dir das und schließ den MCP an: Dann findet deine KI das alles von selbst.MCP anschließen

So prüfst du es

  • Lies das Diagramm. Führt aus jedem Kasten ein Pfeil heraus?
  • Klick doppelt auf die Datei. Öffnet sich das Spiel im Browser?
  • Vergleich die ersten zehn Sekunden. Passt das, was du siehst, zu dem, was die KI angekündigt hat?
  • Verlier mit Absicht. Endet das Spiel, und kannst du noch mal spielen?
  • Warte eine ganze Minute. Ist es schneller als am Anfang?
  • Frag nach einer Zahl. Sag „zeig mir, wo die Pflaumengeschwindigkeit steht“, und lass sie dann verdoppeln. Ändert sich das Spiel so, wie du erwartet hast?

Quellen

Stand: 2026-11-02