この記事の要点

Unity でブラウザゲームを公開するには File → Build Settings → WebGL でプラットフォーム切り替え Player Settings: 解像度・圧縮形式（Brotli / Gzip）・WebAssembly Streaming ビルド時間短縮: Code Stripping High / Compression Format = Brotli、初回ビルドは 30 分かかることも 公開先: itch.io（無料・最も簡単） / Unity Play（unity.com 提供） / 自前サーバー 自前サーバーは Apache/Nginx で .gz / .br ファイルの MIME type 設定が必須（Content-Encoding 付与）

Unity WebGL とは

Unity プロジェクトを WebAssembly + JavaScript にビルドし、ブラウザだけで動作させる仕組み。プラグインインストール不要で、URL を開くだけでゲームが起動します。

WebGL ビルドの準備

1. Unity Hub → モジュール追加で WebGL Build Support をインストール
2. File → Build Settings → WebGL 選択 → Switch Platform
3. 初回プラットフォーム切替は 5-30 分（全アセット再インポート）

Player Settings 推奨設定

項目	推奨値	理由
Compression Format	Brotli（最高圧縮） or Gzip（互換性）	転送量を 4-5 割削減
Decompression Fallback	Off（HTTPS のみ運用なら）	サイズ削減
Data Caching	On	2 回目以降の起動高速化（IndexedDB キャッシュ）
Code Optimization	Speed（リリース時）	実行速度優先
Linker Target	WebAssembly	asm.js は非推奨
Managed Stripping Level	High	不要コードを除去してサイズ削減
Default Canvas Width / Height	960 × 600 等	HTML テンプレートに反映

ビルド

1. Build Settings → Build（実行せずファイル生成のみ）
2. 出力フォルダを選ぶ → 5〜30 分待つ
3. 出力構成:

WebGLBuild/
├── index.html              # 起動 HTML
├── Build/
│   ├── WebGLBuild.loader.js
│   ├── WebGLBuild.framework.js.br   # Brotli 圧縮 (or .gz)
│   ├── WebGLBuild.data.br
│   └── WebGLBuild.wasm.br
├── TemplateData/
│   ├── style.css
│   └── favicon.ico

ローカル確認（重要）

file:// で開いても動きません。HTTP サーバーが必要です:

# Python 簡易サーバー
cd WebGLBuild
python3 -m http.server 8000
# → http://localhost:8000

# Unity 自体に試験サーバー: Build And Run で自動立ち上げ

# npx serve でも OK
npx serve -p 8000

公開先 1: itch.io（無料・最も簡単）

1. itch.io でアカウント作成 → Upload new project
2. Kind of project: HTML
3. WebGLBuild フォルダを zip 圧縮（Build / TemplateData / index.html を含める）
4. This file will be played in the browser にチェック
5. Viewport dimensions を Unity の Canvas サイズに合わせる
6. Save & view page

itch.io は無料で広告なし、収益化（任意の値段 + 自動分配）も可能。

公開先 2: Unity Play（公式ホスティング）

play.unity.com に Unity アカウントでログイン → Publisher Dashboard から WebGL ビルドの zip をアップロード。Unity 公式コミュニティに公開されます。

公開先 3: 自前サーバー（Apache / Nginx）

Brotli / Gzip 圧縮ファイルを配信する場合、Content-Encoding ヘッダの設定が必須です。設定しないと「Unable to parse Build/xxx.wasm」エラーで起動失敗します。

# .htaccess
<IfModule mod_mime.c>
    AddType application/octet-stream .data .wasm .symbols.json
    AddType application/javascript .js
</IfModule>

# Brotli 圧縮の場合
<FilesMatch "\.br$">
    AddType "application/octet-stream" .br
    Header set Content-Encoding br
</FilesMatch>

# Gzip 圧縮の場合
<FilesMatch "\.gz$">
    AddType "application/octet-stream" .gz
    Header set Content-Encoding gzip
</FilesMatch>

# .wasm の MIME type 修正
<FilesMatch "\.wasm$">
    AddType application/wasm .wasm
</FilesMatch>

# Nginx の場合
server {
    listen 80;
    server_name game.example.com;
    root /var/www/game/WebGLBuild;

    location ~ \.wasm\.br$ {
        default_type application/wasm;
        add_header Content-Encoding br;
    }
    location ~ \.js\.br$ {
        default_type application/javascript;
        add_header Content-Encoding br;
    }
    location ~ \.data\.br$ {
        default_type application/octet-stream;
        add_header Content-Encoding br;
    }

    # gzip 版
    location ~ \.wasm\.gz$ {
        default_type application/wasm;
        add_header Content-Encoding gzip;
    }
}

ビルドサイズを減らすコツ

• Texture Import Settings: WebGL 用に Max Size 1024 + Compressed
• Audio: Vorbis 圧縮、Quality 50% 程度
• Code Stripping High でリフレクション削除（IL2CPP）
• Addressables で必要時のみダウンロード
• Asset Bundles で起動時の DL を分割

iframe で埋め込む

自分のサイトに埋め込みたい場合:

<iframe
    src="https://example.com/game/index.html"
    width="960"
    height="600"
    frameborder="0"
    allowfullscreen
    allow="autoplay; fullscreen; gamepad">
</iframe>

よくあるトラブル

症状	原因	対処
Failed to download file ... .wasm	サーバの MIME type 設定漏れ	Content-Encoding 設定 / Decompression Fallback 有効化
UnauthorizedAccessException	PlayerPrefs の保存先がブラウザ制限	IndexedDB が使えるか確認、ローカルストレージ確認
音が出ない	ブラウザの autoplay policy	ユーザー操作後に AudioListener.volume を設定
iOS Safari でクラッシュ	メモリ不足	Texture を縮小、初期 Heap Size を下げる

FAQ

Q: モバイル対応はどうなる？
A: Unity 公式では「WebGL on mobile is not officially supported」だが、軽量なら動きます。タッチ操作は Input.touchCount で対応。

Q: Unreal Engine でも WebGL ビルドできる？
A: UE4 までは可能でしたが、UE5 では HTML5 ターゲットは廃止されました。サードパーティの WebAssembly プラグインが必要。

Q: WebGPU 対応は？
A: Unity 2023.2+ で Experimental サポート。Chrome 113+ で動作確認可能ですが、まだ実験段階です。