WebGL建置注意事項

每次參加Game Jam都要煩惱同樣的問題：

該怎麼讓遊戲能在itch.io上正常遊玩…尤其是解析度的設定

明明以前有幫其他專案調整過

但實際做了什麼已經忘了 甚至可能是誤打誤撞的XD

所以我決定紀錄在這裡，不用擔心以後忘記了或害怕想起來 (?

---

---

Unity前置設定

• 切換平台到 WebGL 後打開 PlayerSetting，如果是橫向畫面(16:9)的話，建議解析度設為960×540，直向則是 540×960 。在瀏覽器裡頭會大約呈現滿版。(補充：這是以筆電瀏覽的狀況。用桌機的瀏覽器看來視窗會有點小，但還是可以直接縮放瀏覽器，問題不大，總比Canvas和GameObject整個穿幫來得好XD)專案的Camera size, Canvas Size一樣可以按照 1080×1920 或其他比例下去製作，並不影響最終成果。
• 若是手機直式排版的遊戲，WebGL Template建議選擇右邊的“Minimum”。因為預設的樣板會提供一個「全螢幕」按鈕，但按下去會強制把遊戲畫面比例變成16:9，排版大崩壞…

Itch.io頁面設定

• Build出 WebGL 版後會看到一個資料夾，將它壓縮後就可以直接上傳到itch.io
• Embed options使用”自動偵測Size”即可，它會抓Unity PlayerSetting裡面的資料。
• 勾選”Fullscreen Button”這個功能，itch.io提供的全螢幕按鈕比較聰明(?)，會讓9:16的遊戲在全螢幕後還是維持9:16。實際效果可以參考我在GGJ2020上傳的作品 – BrainRepair。

---

其餘疑難雜症

• GUI Text：WebGL 抓不到 Unity 內建的 Arial 字體，所以放到 itch.io 上會看不到字，要使用自己另外下載的字體。
• Audio Pitch：WebGL build 播放不出 Pitch < 0 的 Audio Source。