Dein eigenes Spiel im Browser veröffentlichen: Schritt für Schritt

Viele Spiele auf Vibe Games stammen von Schülern und Hobby-Entwicklern. Wenn du selbst ein Spiel gebaut hast, kannst du es hier veröffentlichen – kostenlos und mit Bestenliste. Diese Anleitung erklärt den Weg vom Projekt zur Spielseite. Die technischen Details stehen auf der Seite Spiel veröffentlichen.

1. Das Spiel für das Web exportieren

• HTML5/JavaScript: Dein Spiel braucht eine Datei index.html im Hauptordner. Alle Bilder, Töne und Skripte liegen daneben oder in Unterordnern und werden mit relativen Pfaden geladen.
• Godot: Im Export-Menü die Vorlage „Web“ wählen und exportieren. Es entstehen eine HTML-Datei, eine .pck-Datei mit deinem Spiel und die Engine-Dateien (.wasm, .js).
• Unity: Die Plattform „WebGL“ wählen und bauen. Unity erzeugt einen Ordner mit index.html und den Build-Dateien.

Den fertigen Ordner packst du als ZIP-Datei.

2. Lokal testen

Öffne den Export, bevor du ihn hochlädst, über einen kleinen lokalen Webserver – nicht durch Doppelklick auf die Datei. Viele Browser blockieren sonst das Laden der Spieldateien. Teste auch am Handy: Läuft das Spiel im Hochformat? Funktionieren die Knöpfe ohne Tastatur?

3. Hochladen und beschreiben

Melde dich an, klicke oben auf „Upload“ und lade die ZIP-Datei hoch. Dazu kommen ein Titel, eine Beschreibung, Tags und optional ein Vorschaubild. Eine gute Beschreibung erklärt in zwei, drei Sätzen, worum es geht, und nennt die Steuerung. Sie ist das Erste, was Spieler und Suchmaschinen von deinem Spiel sehen.

4. Die Prüfung

Jedes neue Spiel wird von einem Admin angeschaut, bevor es öffentlich wird – Updates ebenfalls, außer bei verifizierten Entwicklern, die ihre eigenen Updates selbst freischalten dürfen. Geprüft wird, ob das Spiel startet, ob die Inhalte für alle Altersgruppen passen und ob keine fremden Inhalte ohne Erlaubnis verwendet werden. Meist dauert das nicht lange.

5. Bestenlisten einbauen

Mit einem kleinen Skript, dem Vibe-Games-SDK, kann dein Spiel Punkte, Zeiten oder Spielstände an die Bestenliste schicken. Ein Spiel kann auch mehrere Bestenlisten haben – zum Beispiel eine pro Strecke, wie bei Vroom!. Welche Bestenlisten es gibt, stellst du selbst ein.

6. Updates und gemeinsame Arbeit

Neue Versionen lädst du einfach erneut hoch. Für Entwickler, die regelmäßig Updates veröffentlichen, gibt es eine Programmierschnittstelle: Damit lassen sich Versionen direkt aus einem Skript hochladen, und wer gemeinsam an einem Spiel arbeitet, sieht, welche Version zuletzt hochgeladen wurde.

Häufige Fehler

• Absolute Pfade wie /bilder/held.png: Im Browser zeigen sie ins Leere. Relative Pfade wie bilder/held.png funktionieren.
• Riesige Dateien: Unkomprimierte Musik und Texturen machen den ersten Start langsam. Komprimierte Formate wie OGG und WebP helfen.
• Keine Touch-Steuerung: Ein großer Teil der Spieler ist am Handy. Schon zwei einfache Knöpfe auf dem Bildschirm machen ein Spiel dort spielbar.
• Ton beim Start: Browser spielen Ton erst nach dem ersten Klick ab. Starte die Musik deshalb mit dem ersten Tastendruck.