← KI-lians Magical AI Lab

Vibe Coding Werkstatt

Erst planen, dann bauen. In einer Stunde vom Einfall zum eigenen Spiel unter eigener Adresse.

Bevor du anfängst

  1. 1ChatGPT öffnen, oben links auf Work wechseln
  2. 2Als Modell Astra auswählen
  3. 3Der Bau-Prompt beginnt mit @Sites — wichtig, sonst baut er keine Website

Abschnitt 1Dein Plan — vier Zeilen

Trag hier ein, was du bauen willst. Der Prompt weiter unten füllt sich dabei von selbst — dein Plan ist der Prompt.

Genre in zwei Wörtern. Keine Idee? Klick unten eins an.

Die Welt, das Thema. Ein Satz.

Die eine Handlung, die man die ganze Zeit macht.

Ohne Ende ist es kein Spiel, sondern ein Bildschirmschoner.

Was nicht in diese vier Zeilen passt, ist für heute zu groß.

Passt nicht:

Ein Rollenspiel, in dem man eine Welt erkundet und Entscheidungen trifft, die die Story verändern.

Was ist die eine Handlung? Wann ist es vorbei? Zu groß für heute.

Passt:

Du weichst herabfallenden Sachen aus und sammelst die guten ein.

Handlung klar, Ende klar. Läuft in zehn Minuten.

Abschnitt 2Bauen

Der Prompt unten hat deinen Plan schon eingesetzt. Kopieren, abschicken, laufen lassen.

Prompt 1 — dein Spiel

@Sites Bau mir ein Spiel als Website. Art des Spiels: ART DES SPIELS Worum es geht: WORUM ES GEHT Was der Spieler tut: WAS DER SPIELER TUT Gewinnen und Verlieren: WANN GEWONNEN WANN VERLOREN Die Steuerung soll mit den Pfeiltasten gehen und zusätzlich mit der Maus oder per Finger, damit es überall läuft. Zeig oben die Punkte an. Am Ende erscheint eine Meldung und ein Knopf zum Neustarten. Das Spiel soll sofort losgehen und ohne Anleitung verständlich sein. Bau es einfach und lauffähig — lieber wenig, das funktioniert, als viel, das hakt.

Abschnitt 3Verbessern — such dir eine aus

Eine, nicht drei. Wenn sie läuft, nimm die nächste. Achte auf den letzten Satz in jedem Prompt — er ist der eigentliche Trick: dazusagen, was nicht angefasst werden soll.

A — Schöner machen

Überarbeite nur das Aussehen: Farben, Hintergrund, Schrift und wie die Figuren aussehen. Es soll zum Thema passen und aufgeräumt wirken. Das Spielprinzip, die Steuerung und die Regeln bleiben genau so, wie sie sind.

B — Zweites Level

Wenn man gewonnen hat, kommt ein zweites Level: dasselbe Prinzip, aber schneller und schwerer. Zeige oben an, in welchem Level man gerade ist. Sonst ändert sich nichts.

C — Töne

Spiele einen kurzen Ton, wenn man Punkte bekommt, und einen anderen, wenn man einen Fehler macht. Erzeuge die Töne direkt im Browser, ohne externe Dateien. Sonst ändert sich nichts.

D — Bestenliste

Merke dir die zehn höchsten Punktzahlen und zeige sie nach dem Spiel als Bestenliste an. Wer einen Rekord schafft, darf einen Namen eingeben. Das Spielprinzip bleibt unverändert.

E — Schwieriger werden

Mach das Spiel mit der Zeit allmählich schwerer, je länger man durchhält. Der Anfang soll leicht bleiben. Sonst ändert sich nichts.

Abschnitt 4Zwei Griffe — mehr brauchst du nicht

Das passiert allen, und es ist der Normalfall. Fang nicht von vorn an.

Griff 1 — Fehler beschreiben

Seit der letzten Änderung funktioniert etwas nicht mehr: WAS GENAU PASSIERT Ändere nur das, was diesen Fehler verursacht. Alles andere bleibt, wie es ist.

Griff 2 — Zurück auf gestern

Mach die letzte Änderung rückgängig. Ich möchte zurück zu der Fassung, die vorher lief.

Abschnitt 5Wenn gar nichts mehr geht

Setzt dein Spiel auf die einfachste Fassung zurück, die läuft. Immer noch besser als neu anfangen.

Notfall-Prompt

Etwas ist durcheinandergeraten. Baue das Spiel auf die einfachste Fassung zurück, die zuverlässig läuft: die Grundhandlung, Punkte, gewinnen und verlieren. Alles andere darf weg.

Abschnitt 6Veröffentlichen und teilen

Auf Veröffentlichen klicken, Link kopieren, in den Chat werfen. Dann spielen wir eure Spiele durch.