Vibe Coded Games im Browser: So kommt deins online

Ein Browserspiel lässt sich von allen vibe-gecodeten Spielen am leichtesten teilen, denn mehr als ein Link ist nicht nötig. Die meisten brauchen aber noch ein paar Änderungen, bevor sie auf dem Handy laufen, und die machst du am besten vor der Veröffentlichung.

Als Beispiel dient ein erfundenes Spiel, in dem du Wäsche an die Leine klammerst, bevor der Regen kommt.

Wo kann mein Spiel liegen?

Ort	Am besten für	Gut zu wissen
itch.io	Gefunden werden von Leuten, die Spiele suchen	ZIP mit einer index.html hochladen. Laut Doku, von Nutzern zitiert: 1.000 Dateien, 500 MB insgesamt, 200 MB pro Datei. Fragt nach dem Einsatz generativer KI
GitHub Pages	Ein schlichtes Gratis-Zuhause	Seiten bis 1 GB, rund 100 GB Verkehr pro Monat als weiche Grenze. Nicht fürs Geschäft
Cloudflare Pages	Spiele aus vielen Dateien	Gratis bis 20.000 Dateien, pro Datei höchstens 25 MiB
Hosting deines Baukastens	Schnelles Teilen	In Gratis-Tarifen oft mit dem Branding des Werkzeugs

Bist du unsicher, fang mit itch.io an. Eine Spielseite gibt dir Platz für Beschreibung und Kommentare, und die Leute dort kennen kleine Spiele.

Was geht kaputt, wenn ein Spiel online geht?

Auf deinem Rechner lief alles. Das geht danach oft schief.

1. Kein Ton bis zum ersten Tippen. Browser blockieren Audio in der Regel, bis jemand mit der Seite interagiert hat, wie der MDN-Leitfaden erklärt. Der Regen im Wäsche-Spiel bleibt stumm. Die Lösung ist ein Startbildschirm mit einem großen Knopf.

2. Handys haben keine Tastatur. Nutzt dein Spiel die Pfeiltasten, kann man es auf dem Handy nicht bedienen. Entscheide dich jetzt für eine Touch-Steuerung.

3. Bildschirme sind verschieden. Die Wäscheleine, die auf den Laptop passt, ragt auf dem Handy über den Rand. Lass das Spiel an jeden Bildschirm anpassen und leg fest, was beim Drehen passiert.

4. Finger verdecken Dinge. Was unter dem Daumen liegt, sieht niemand. Halte das Wichtige oberhalb des unteren Drittels.

5. Ein Link ist nicht dasselbe wie eine Datei auf dem Schreibtisch. Manches geht erst im Netz kaputt, probier also immer den echten Link aus.

6. Alles im Spiel kann gelesen werden. Ein Browserspiel wird auf den Rechner der Spielenden geschickt, ein geheimer Schlüssel darin ist also nicht mehr geheim. Ruft dein Spiel einen kostenpflichtigen Dienst auf, frag jemanden, der programmieren kann, wie das sicher geht, und pack deinen Schlüssel nie ins Spiel.

Läuft es, sag den Leuten, was sie vor sich haben. Ein Satz auf der Seite und ein Screenshot helfen mehr als eine lange Geschichte. Hast du KI-Grafik oder KI-Sound benutzt, beantworte die Frage danach wahrheitsgemäß und lies, was Shops wissen wollen.

Das sagst du deiner KI

Ich möchte mein Browserspiel so veröffentlichen, dass es auch auf dem Handy läuft.

Zeichne zuerst als Mermaid-Diagramm, was ab dem Moment passiert, in dem jemand den Link öffnet: Laden, Startbildschirm, erstes Tippen, Spielen, Verlieren, noch mal spielen. Ergänze, was passiert, wenn jemand das Handy dreht oder in eine andere App wechselt und zurückkommt. Markiere jeden Moment, in dem man festhängt oder nichts reagiert.

Vergleich das Spiel dann mit diesem Diagramm. Sag mir, was fehlt und was du ändern würdest, und nenne jeweils die Stelle im Projekt.

Kannst du etwas nicht auf einem echten Handy ausprobieren, sag das und nenn mir genau, was ich stattdessen versuchen soll. Sag nie, dass es auf dem Handy läuft, wenn du nicht zeigen kannst, woher du das 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

• Öffne den echten Link auf dem Handy, Ton an. Startet das erste Tippen den Ton?
• Dreh das Handy mitten im Spiel. Übersteht das Spiel das?
• Wechsle in eine andere App und komm zurück. Ist dein Spiel noch da?
• Schick den Link einem Freund. Öffnet er sich ohne Anmeldung und ohne Erklärung?
• Schließ den Browser und komm morgen wieder. Ist ein gespeicherter Bestwert noch da?