STEP 0:準備(必ず最初に)
- Unity を起動し、対象プロジェクトを開く
- WebGL プラットフォームに切り替える
File > Build Settings
- Platform で WebGL を選択
- Switch Platform をクリック
✔ WebGL が選択されていれば次へ進む
STEP 1:Quality 設定(最重要・まずここ)
Edit > Project Settings > Quality
① WebGL 用の品質レベルを選択
- Low または Very Low を探す
- WebGL 列にチェックを付ける
② 以下の値に変更
- Pixel Light Count:0 ~ 1
- Shadows:Disabled
- Anti Aliasing:Disabled
- Texture Quality:Half Res(重ければ Quarter)
- Anisotropic Textures:Disable
✔ 影とAAを切るだけで WebGL はかなり軽くなります
STEP 2:URP を使っている人だけ(使っていなければスキップ)
① URP Asset を開く
- Project ビューで UniversalRenderPipelineAsset を探す
- なければ:
Project Settings > Graphics
② 設定変更
- Render Scale:0.8
- Main Light Shadows:Off
- Additional Lights:0
- MSAA:Disabled
- Post Processing:Off
✔ Render Scale は「FPSに一番効く設定」
STEP 3:テクスチャ(画像)を軽くする
① 画像を選択
- Project ビューで Texture をクリック
- Inspector を確認
② 設定
- Max Size:1024 または 2048
- Compression:Normal / High
- Use Crunch Compression:ON
→ Apply を押す
⚠ 4096(4K)テクスチャは WebGL では基本的に重すぎます
STEP 4:音(Audio)を軽くする
① Audio ファイルを選択
② 設定
- Load Type:Streaming(BGM)
- Compression Format:Vorbis
- Quality:50~70
✔ BGMを最初に全部読み込まないのが重要
STEP 5:透明・エフェクトを減らす
- Transparent マテリアルが多すぎないか
- パーティクルが大量に出ていないか
- UI画像が半透明だらけになっていないか
✖ 透明 + パーティクル + WebGL = 超重い
STEP 6:WebGL + gzip 圧縮設定(重要)
Edit > Project Settings > Player > WebGL
① Unity 側設定
- Compression Format:Gzip
- Decompression Fallback:OFF
- Code Optimization:Fast
✔ gzip によりダウンロードサイズが 1/3~1/5 に減少
② 注意(超重要)
WebGL は 必ず HTTP サーバー経由 で動かすこと。
index.html を直接ダブルクリックすると失敗します。
index.html を直接ダブルクリックすると失敗します。
STEP 7:gzip 配信の確認
① WebGL をサーバーにアップロード(千野にファイルを送ってください)
② ブラウザで起動
③ 開発者ツールを開く
- Chrome:F12
- Network タブを開く
④ .wasm / .data をクリック
Response Headers に以下があればOK:
Content-Encoding: gzip
✔ gzip 圧縮が正しく使われています
STEP 8:最終確認
- FPS が 30 以上出ている
- ロード時間が短くなった
- 黒画面・フリーズしない
Game View > Stats
最終チェックリスト
- □ Quality を下げた
- □ 影・AA を切った
- □ Render Scale を下げた(URP)
- □ テクスチャを軽くした
- □ Audio を Streaming にした
- □ gzip 圧縮を有効にした
- □ HTTP サーバー経由で動作確認した