Wie man ein Browserspiel mit eigenen Spielfiguren vibecodet
Mit Bild- und Coding-KIs kann man an einem Nachmittag ein Spiel für den Browser entwickeln. Wir zeigen einen Workflow mit individuell anpassbaren Grafiken.
(Bild: Denny Gille / KI / heise medien)
Künstliche Intelligenz ist eine Herausforderung für das Bildungssystem. Nie war es so einfach, Hausaufgaben zu erledigen, ohne die Aufgabe nur im Ansatz verstanden zu haben. Doch das Aufwachsen mit KI bietet auch positive Seiten: Junge Nutzer finden so einen spielerischen Zugang zur IT. Die Technik senkt die Einstiegshürden enorm: Wer ein Browser-Game programmieren will, braucht keine monatelange Übung mehr. Ein paar gezielte Prompts genügen, um ein funktionierendes Spiel zu erstellen.
Zum bundesweiten Zukunftstag vermitteln wir im heise-Verlag Schülergruppen einige Einsatzmöglichkeiten von künstlicher Intelligenz: Anhand eines interaktiven KI-Workflows lernt der Nachwuchs, wie man mit kostenlos nutzbaren Cloud-KIs eine Spielfigur erstellt, die sich anschließend in einem vibegecodeten Browserspiel einsetzen lässt.
- Mit Unterstützung von einer KI erstellt man in wenigen Handgriffen Spielfiguren, die sich in einem vibegecodetem Browser-Game nutzen lassen.
- KI-Station am Zukunftstag: Schülerinnen und Schüler lernen den kreativen Einsatz generativer KI praxisnah kennen.
- Der Workflow zeigt, wie man mit einer Bild-KI eine Figur entwirft, daraus automatisch verschiedene Perspektiven ableitet und diese für das Browser-Game exportiert.
Der Artikel erläutert den Aufbau des Workflows. Sie können ihn einfach nachbauen. Er besteht aus der Entwicklung einer Spielfigur inklusive der KI-assistierten Bildprompt-Generierung und dem Prompt für das Browser-Game. Die eigene Figur lässt sich anschließend in einer 2D-Welt im Browser spielen. Im Artikel liefern wir die verwendeten Prompts, den Code zum Spiel und die eingesetzten Software-Werkzeuge.
Das war die Leseprobe unseres heise-Plus-Artikels "Wie man ein Browserspiel mit eigenen Spielfiguren vibecodet". Mit einem heise-Plus-Abo können Sie den ganzen Artikel lesen.
