Dein Phaser-Spiel läuft im Browser. Wenn du es also veröffentlichst, musst du HTML, JavaScript und Assets online zusammenstellen. Lade den erstellten Ordner im Feld oben hoch oder stelle ihn von Deinem Terminal aus bereit. Spieler erhalten einen direkten *.lobsite.app-Link mit HTTPS und das gesamte Fenster für Dein Spiel.
So funktioniert es
- Erstelle Dein Phaser-Projekt. Wenn Deine Vorlage über ein Build-Skript verfügt, führe
npm run buildaus. Eine Vite-basierte Vorlage schreibt normalerweisedist/. Sammle für ein einfaches HTML-Projektindex.html, Phaser und Deine Assets in einem Ordner. - Veröffentliche den abspielbaren Ordner. Lade ihn oder eine ZIP-Datei oben hoch oder führe
npx lobsitenach dem Build aus. Verwendenpx lobsite ./dist, um den Ordner explizit zu benennen. Eine erste Bereitstellung erfordert kein Konto und dauert 6 Stunden. - Behalte die Adresse des Spiels. Folge dem Link, um die Website in Deinem Konto zu speichern, oder wähle Kostenlos behalten →. Neu aufbauen und erneut einsetzen, wenn sich das Spiel ändert; Die veröffentlichte URL bleibt gleich.
Build-Ausgabe, nicht der Entwicklungsserver
Die von npm run dev gedruckte Adresse funktioniert nur, während dieser Server läuft. Veröffentliche stattdessen die Produktionsausgabe mit index.html auf der obersten Ebene. Lobsite stellt diese Dateien bereit; Es werden keine Pakete installiert oder Phaser für dich erstellt.
Eine Vite-Vorlage findest du unter Vite-Hosting-Anleitung. Behalte die von Deinem Spiel referenzierten Assets im Build bei oder verwende HTTPS-URLs für externe Assets. Bei Dateinamen muss im Internet zwischen Groß- und Kleinschreibung unterschieden werden: Bei einer Anfrage nach hero.png wird Hero.png nicht gefunden.
Mache das Spiel für die Spieler bereit
- Starte den Ton aus einer Interaktion. Gib den Spielern eine Startschaltfläche oder einen weiteren Klick, bevor du Audio abspielen. Browser schränken die automatische Wiedergabe ein.
- Prüfe die Leinwand auf einem Telefon. Teste Deine Phaser Maßstabseinstellungen, Ausrichtung und Touch-Steuerung unter der veröffentlichten URL.
- Dienste getrennt halten. Ein Multiplayer-Server, eine Bestenliste oder ein Kontodienst müssen an anderer Stelle ausgeführt werden. Browsercode kann es aufrufen, private API-Schlüssel gehören jedoch nicht in das hochgeladene JavaScript.
- Prüfe Dein Asset-Budget. Free ermöglicht 50 MB insgesamt, 5 MB pro Datei und 100 Dateien. Große Audiospuren oder Spritesheets können darüber entscheiden, ob das Spiel passt. Der HTML5-Hosting-Leitfaden listet auch die Grenzen des Standard auf.
Teile einen Phaser-Spieltest
Nachdem du die Site in deinem Konto gespeichert hast, führe npx lobsite --preview nach einem Build aus, um Testern eine separate Version zu geben, ohne das veröffentlichte Spiel zu ersetzen. Dateien werden per Hash gespeichert, sodass kein unveränderter Soundtrack erneut hochgeladen wird, wenn du ein Level anpasst. Füge eine eigene Domain hinzu, wenn der Link mit dem Namen Deines Spiels übereinstimmen soll.
Ein Deploy ohne Konto ist 6 Stunden live. Mit dem Übernahme-Link behältst du es, kostenlos.
Vorschau ansehen, bevor es live geht. Mit einem Klick zurückrollen, samt Weiterleitungen.
Dateien werden nach ihrem Hash gespeichert. Ein erneutes Deploy einer unveränderten Website lädt 0 Bytes hoch.
Jede Website bekommt ab dem ersten Deploy eine *.lobsite.app-Adresse mit HTTPS.
Auch für kostenlose Konten: Füge einen DNS-Eintrag hinzu, und die Website zieht auf deine Domain um. Jede Website hat HTTPS, in jedem Tarif.
Weiterleitungen, Header und Formulare stehen in lobsite.toml und reisen mit jedem Deploy mit.
Möglichkeiten zum Teilen eines Phaser-Builds
| Methode | Welche Spieler öffnen | Wenn es hilft |
|---|---|---|
| Lobsite | Dein Spiel unter einer direkten HTTPS-Adresse | Eine eigenständige Version, Deine Domain oder separate Playtest-Builds |
| Ein lokaler Entwicklungsserver | Eine Adresse auf Deinem Computer oder Netzwerk | Testen, während du programmieren |
| Eine herunterladbare ZIP-Datei | Dateien müssen sie entpacken und bereitstellen | Einem anderen Entwickler einen Build zur Prüfung geben |
Beginne für ein anderes JavaScript-Spielframework oder einen Editor-Export mit Hosting von HTML5-Spielen. Für die Installation und Vorlagen von Phaser verwende Offizieller Phaser-Leitfaden.
Häufige Fragen
Führt Lobsite mein Phaser-Build-Skript aus?
Nein. Führe den Build lokal oder in CI aus und veröffentliche dann seinen Ausgabeordner. Der obige Befehl geht davon aus, dass Dein Projekt über ein npm run build-Skript verfügt.
Kann ich Phaser ohne Vite veröffentlichen?
Ja. Ein Ordner mit einem HTML-Einstiegspunkt, Deinen Spielskripten und Assets reicht aus. Du kannst Phaser auch von einem HTTPS-CDN laden.
Warum fehlen meine Phaser-Sprites nach der Bereitstellung?
Prüfe das Netzwerkfenster des Browsers auf fehlende Dateien. Passe die Groß-/Kleinschreibung des Dateinamens an, schließe alle Assets in die Ausgabe ein und prüfe, ob die Pfade einen anderen Ordner voraussetzen.
Kann ein Phaser-Spiel kostenlos auf Lobsite gehostet werden?
Ja, innerhalb der Datei-, Speicher- und Bandbreitengrenzen von Free. Anonyme Links verfallen nach 6 Stunden; Wenn du das Spiel in Deinem Konto in einem kostenlosen Konto speichern, wird dieser Ablauf aufgehoben. Free enthält unten rechts ein kleines Lobsite-Emblem.