Godot Engineで制作したゲームを、ブラウザで遊べる形式（HTML5）としてブラウザゲーム投稿サイト「itch.io」に公開するまでの手順をまとめました.
シンプルに調べてあんま分からなかったのと普通にハチャメチャに時間かかったので(音痴)
ステップ1：GodotからHTML5（Web）エクスポートを行う
-
エクスポート画面を開く
Godotエディタのトップメニューからプロジェクト>エクスポートをクリック -
Webプリセットの追加
まだプリセットがない場合は、上部の追加...ボタンを押し、Webを選択します。
(※1エクスポートテンプレートが未インストールの場合は、ここでダウンロードとインストールの案内が出ますので、そのまま指示に従ってインストールしてください) -
エクスポート先とファイル名の設定
エクスポート先のパスを指定します。このとき、出力するファイル名は必ずindex.htmlにしてください。itch.ioは最初に見る起点ファイルとしてindex.htmlを想定しています。 -
その他の設定
- 本番公開用なので
デバッグ付きでエクスポートのチェックは外しておきます。 - プロジェクト設定でレンダリングモードを 「Compatibility（互換性）」 にしておくことを強くお勧めします（特にGodot 4のWebエクスポートではこれが最も安定しており、Mobile/Forward+だとブラウザで動かないケースが多いです）。
- 本番公開用なので
-
エクスポートの実行
プロジェクトのエクスポートボタンをクリックして、HTMLファイルやPCK / Wasmファイル一式を出力します。
ステップ2：アップロード用のZIPファイルを作成する
エクスポートが完了したら、出力先のフォルダを開きます。
フォルダごとZIP圧縮するのではなく、「フォルダの"中身"」をすべて選択してZIP圧縮してください。
ステップ3：itch.ioへのアップロードと設定
ここからitch.io側の作業です。
-
プロジェクトの作成
itch.ioのダッシュボードにログインし、「Create new project」をクリックします。 -
基本情報の設定
タイトルや説明文を入力します。
ここで重要なのがKind of project(プロジェクトの種類) の項目です。ここをHTMLに設定します。 -
ZIPファイルのアップロード
「Uploads」のセクションから、先ほど作ったZIPファイルをアップロードします。
アップロード後、ファイル名の横にあるThis file will be played in the browser(このファイルはブラウザ上でプレイされます) に必ずチェックを入れます。
ちなみにitch.ioは英語サイトなのですがここで翻訳使ってるとアップロードの箇所がイカれて表示が消えるのでアップロードできません。。
そのためアップロードの際は翻訳は切っておきましょう。 -
Godot 4向け・ブラウザ必須設定
画面を下にスクロールするとEmbed optionsという項目があります。
この中のSharedArrayBuffer supportに必ずチェックを入れてください！ Godot 4のゲームがブラウザでマルチスレッド処理などを正常に行うために必須となる項目です。（これがないと黒い画面のまま起動しない等の不具合が起きます） -
その他オプション（任意）
適宜「Enable Fullscreen button（フルスクリーンボタンの有効化）」などにチェックを入れると、プレイヤーが遊びやすくなります。表示がおかしい場合は、Godot側のHTML5エクスポート設定で Canvas Resize Policy をAdaptive等に変更してみてください。 -
保存とテスト
一番下までスクロールして「Save & view」をクリックし、ブラウザ上で正常にロードされてゲームが遊べるかテストします！問題なければ公開設定（DraftからPublic）にして完了です。
以上がGodotからitch.ioへの公開手順です。特に「ZIP化するときの階層」と「SharedArrayBufferのチェック」さえ気を付ければサクッと公開できるはずです。