Phaser ゲームはブラウザーで実行されるため、ゲームを公開するということは、その HTML、JavaScript、およびアセットをオンラインにまとめることを意味します。構築されたフォルダーを上のボックスにアップロードするか、ターミナルからデプロイします。プレーヤーは、HTTPS を使用した直接 *.lobsite.app リンクとゲームのウィンドウ全体を取得します。
仕組み
- Phaser プロジェクトをビルドします。 テンプレートにビルド スクリプトがある場合は、
npm run buildを実行します。 Vite ベースのテンプレートは通常、dist/と書き込みます。プレーン HTML プロジェクトの場合は、index.html、Phaser、およびアセットを 1 つのフォルダーに収集します。 - 再生可能なフォルダーを公開します。 それをアップロードするか、上記の ZIP をアップロードするか、ビルド後に
npx lobsiteを実行します。フォルダーに明示的に名前を付けるには、npx lobsite ./distを使用します。最初のデプロイにはアカウントは必要なく、所要時間は 6 時間です。 - ゲームのアドレスを保持します。 リンクをクリックしてサイトをアカウントに保存するか、無料で残す → を選択します。ゲームが変化したときに再構築して再度デプロイします。公開された URL は変わりません。
開発サーバーではなくビルド出力
npm run dev によって出力されるアドレスは、そのサーバーが実行されている間のみ機能します。代わりに、index.html をトップレベルにして実稼働出力をパブリッシュします。 Lobsite はこれらのファイルを提供します。パッケージをインストールしたり、Phaser をビルドしたりすることはありません。
Vite テンプレートについては、Vite ホスティング ガイド を参照してください。ゲームによって参照されるアセットをビルド内に保持するか、外部アセットに HTTPS URL を使用します。ファイル名はオンラインでは大文字と小文字が区別されます。hero.png のリクエストでは Hero.png は見つかりません。
プレイヤーがゲームをプレイできるように準備する
- インタラクションからサウンドを開始します。 オーディオを再生する前に、プレーヤーにスタート ボタンまたは別のクリックを与えます。ブラウザは自動再生を制限します。
- 携帯電話でキャンバスを確認します。 公開された URL で、Phaser スケール設定、方向、タッチ コントロールをテストします。
- サービスを分離してください。 マルチプレイヤー サーバー、リーダーボード、またはアカウント サービスは別の場所で実行する必要があります。ブラウザコードはそれを呼び出すことができますが、プライベート API キーはアップロードされた JavaScript には属しません。
- 資産予算を確認してください。 Free では、ファイルあたり 5 MB、ファイル 100 個の合計 50 MB が許可されます。大きなオーディオ トラックやスプライト シートによって、ゲームが適合するかどうかが決まります。 HTML5 ホスティング ガイド には、Standard の制限も記載されています。
Phaser プレイテストを共有する
アカウントにサイトを保存した後、ビルド後に npx lobsite --preview を実行すると、公開されたゲームを置き換えることなく、テスターに別のバージョンが提供されます。ファイルはハッシュによって保存されるため、レベルを調整しても変更されていないサウンドトラックが再度アップロードされることはありません。リンクをゲームの名前と一致させたい場合は、カスタムドメイン を追加します。
アカウントなしのデプロイは 6 時間公開されます。取得リンクから無料で残せます。
公開前にプレビューできます。リダイレクトも含めてワンクリックでロールバックできます。
ファイルはハッシュで保存されます。変更のないサイトを再デプロイしてもアップロードは 0 バイトです。
すべてのサイトに、最初のデプロイから HTTPS 対応の *.lobsite.app アドレスが付きます。
Free アカウントでも利用できます。DNS レコードを 1 つ追加するとサイトが独自ドメインに移動します。すべてのプランですべてのサイトに HTTPS が付きます。
リダイレクト、ヘッダー、フォームは lobsite.toml に記述し、デプロイごとに一緒に反映されます。
Phaser ビルドを共有する方法
| 方法 | プレイヤーが開くもの | 役立つとき |
|---|---|---|
| Lobsite | 直接 HTTPS アドレスでのゲーム | スタンドアロン リリース、ドメイン、または個別のプレイテスト ビルド |
| ローカル開発サーバー | マシンまたはネットワーク上のアドレス | コードを書きながらテストする |
| ダウンロード可能なZIP | 解凍して提供する必要があるファイル | 別の開発者にビルドを渡して検査させる |
別の JavaScript ゲーム フレームワークまたはエディターのエクスポートの場合は、HTML5 ゲームホスティング から始めます。 Phaser のインストールとテンプレートの場合は、公式Phaserガイド を使用します。
よくある質問
Lobsite は私の Phaser ビルド スクリプトを実行しますか?
いいえ。ビルドをローカルまたは CI で実行し、その出力フォルダーを公開します。上記のコマンドは、プロジェクトに npm run build スクリプトがあることを前提としています。
Vite なしで Phaser を公開できますか?
はい。 HTML エントリ ポイント、ゲーム スクリプト、アセットが含まれるフォルダーで十分です。 HTTPS CDN から Phaser をロードすることもできます。
デプロイ後に Phaser スプライトが見つからないのはなぜですか?
ブラウザの [ネットワーク] パネルで不足しているファイルがないか確認してください。ファイル名の大文字と小文字を一致させ、出力にすべてのアセットを含め、パスが別のフォルダーを想定しているかどうかを確認します。
Phaser ゲームは Lobsite で無料でホストできますか?
はい、Free のファイル、ストレージ、帯域幅の制限内で可能です。匿名リンクは 6 時間後に期限切れになります。無料アカウントでゲームを保存すると、有効期限が解除されます。 Free には、右下に小さな Lobsite バッジが含まれています。