Browserspiel mit KI erstellen: Laden, Ton und Spielstand
Ein Browserspiel lässt sich von jedem über einen Link spielen, ganz ohne Installation, also musst du es leicht halten und dafür sorgen, dass es sich an einem Ort benimmt, der nicht für Spiele gebaut wurde. Halte den Download klein, starte Ton erst nach dem ersten Klick und verlass dich nicht darauf, dass der Browser einen Spielstand für immer behält.
Warum ist eine Webseite ein seltsames Zuhause für ein Spiel?
Weil der Browser eigene Vorstellungen hat. Nimm ein Spiel für die Mittagspause, in dem du neunzig Sekunden lang Briefmarken vom Förderband in Postfächer sortierst. Es ist klein und einfach und kann trotzdem über vier Dinge stolpern, die mit Briefmarken nichts zu tun haben.
Ton wird womöglich blockiert. Laut dem MDN-Leitfaden blockieren Browser meist Ton, der startet, bevor jemand geklickt, getippt oder eine Taste gedrückt hat. Ein Start-Knopf ist also keine Dekoration. Erst er erlaubt deinem Spiel, Geräusche zu machen.
Spielstände können verschwinden. MDN schreibt, dass gespeicherte Daten beim Schließen eines privaten Fensters meist gelöscht werden, dass man sie in den Einstellungen löschen kann und dass ein Gerät mit wenig Platz die Daten der am längsten nicht genutzten Seiten entfernen kann. Der lokale Speicher ist zudem auf etwa 5 MiB begrenzt. Bei einem kurzen Spiel ist das fast egal. Spielt jemand wochenlang, ergänze eine Möglichkeit, den Spielstand als Textzeile zu kopieren und wieder einzufügen.
Tasten gehören der Seite. Pfeiltasten und Leertaste scrollen normalerweise. Ohne Vorkehrung hüpft dein Briefmarkensortierer beim Spielen die Seite rauf und runter.
Fenster gibt es in jeder Form. Ein Spiel für deinen breiten Bildschirm ist auf einem Laptop oder Handy womöglich abgeschnitten.
In welcher Reihenfolge fügt es sich zusammen?
Fang mit einer Seite und der Kernhandlung an: Briefmarken laufen, du sortierst, die Uhr läuft. Dann kommt der Start-Knopf, danach passt du das Spiel an jedes Fenster an. Speichern folgt, falls du es brauchst.
Stell es dann deutlich früher online, als es sich richtig anfühlt, unter einer echten Adresse. Frag deine KI nach dem einfachsten Weg, ein paar einfache Dateien zu hosten. Ein Link zum Verschicken ist der ganze Sinn dieses Genres, und Hosting deckt Probleme auf, die dein eigener Computer versteckt.
Öffne den Link danach in einem zweiten Browser und auf einem Handy. Erst dann lohnt sich Feinschliff.
Was ruiniert ein Browserspiel?
„Bei mir läuft es.“ Eine Datei von der eigenen Festplatte zu öffnen, ist nicht dasselbe, wie sie aus dem Netz zu laden. Manches läuft dort nur scheinbar, anderes scheitert dort und läuft online problemlos. Probierst du immer nur lokal, findet deine erste echte Spielerin das Problem für dich.
Der andere Killer ist Gewicht. Jemand klickt in einem Chat auf deinen Link, sieht eine halbe Minute lang einen grauen Balken und ist weg. Ein Link hat nur eine Chance. Frag deine KI nach der gesamten Downloadgröße und behandle diese Zahl wie ein Budget. Riesige Musikdateien und gewaltige Bilder sind meist der Grund.
Das sagst du deiner KI
Bau ein kurzes Browserspiel aus einfachen Webdateien, ohne Installation und ohne Konto. Frag mich nach meiner Idee in einem Satz.
Zuerst kommt ein Zustandsautomat in einem Mermaid-Diagramm für das Leben der Seite: lädt, wartet auf den ersten Klick, Spiel läuft, Tab verborgen, pausiert, Spielende, nochmal spielen. Notiere, wo Ton starten darf, wann gespeichert wird und was ein Neuladen in jedem Zustand tut. Bau daraus.
Ton startet erst nach meinem ersten Klick oder Tastendruck. Pfeiltasten und Leertaste dürfen die Seite nicht scrollen. Es muss in jedes Fenster passen. Speichert es, lass mich den Spielstand als Text kopieren und wieder einfügen.
Nenn mir die gesamte Downloadgröße und wie du sie gemessen hast. Nenn mir, in welchen Browsern es lief und was dort zu sehen war. War es nur einer, sag das und auch, dass du es bei den anderen nicht weißt.
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
- Ein privates Fenster öffnen. Das Spiel sollte sauber starten, und ein verlorener Spielstand sollte dich nicht überraschen.
- Leertaste und Pfeile drücken. Die Seite sollte stillstehen.
- Nach dem ersten Klick lauschen. Der Ton sollte jetzt starten und nicht still scheitern.
- Den Tab verstecken. Das Spiel sollte pausieren und auf dich warten.
- Mittendrin neu laden. Du solltest an einem sinnvollen Punkt landen.
- Den Link verschicken. Bitte jemanden, ihn auf dem Handy zu öffnen und dir zu sagen, wie lange es gedauert hat.