WEB BUILD // READY

瀏覽器遊戲
上線。

> 提供 Unity、Godot、Phaser 和 WebGL 建置結果。
> SharedArrayBuffer 需要 cross-origin isolation 時支援 SharedArrayBuffer。
> Brotli 大型 build 資源支援 和 gzip 傳遞。
> 公開前先測試發佈路徑。

常見瀏覽器遊戲與 WebGL 技術

UNITY
UNREAL
GODOT
PHASER
THREE.JS
COCOS
PIXIJS
常見痛點

網頁遊戲上線常壞在哪裡

>ReferenceError: SharedArrayBuffer is not defined_

SharedArrayBuffer 問題

多執行緒 browser build 需要 secure context 和 cross-origin isolation。沒有正確標頭時,Unity 和 Godot web target 可能在 runtime 失敗。

修正:隔離標頭
>Failed to load resource: net::ERR_TIMED_OUT_

資源載入太慢

大型 WASM、data、texture 和 audio 檔案在壓縮標頭或傳遞設定錯誤時,第一次遊玩會很痛苦。

修正:壓縮傳遞
>SecurityError: Secure context required_

安全內容 API 被擋

相機、麥克風和沉浸式瀏覽器 API 依賴 HTTPS。薄弱的託管設定可能讓這些瀏覽器功能失效。

修正:HTTPS 自動啟用
公開前檢查

遊戲公開前

CHECK_01

上傳完整 export

保留產生後的 HTML、loader scripts、WASM、data files、textures、audio 和 engine assets。少一個附帶檔案就可能讓玩家停在空白 canvas。

CHECK_02

對齊壓縮標頭

Unity 和其他引擎可能輸出預先壓縮的資源。提供這些檔案時需要正確的 Content-Encoding 和 Content-Type。

CHECK_03

檢查 threaded exports

如果建置結果使用 SharedArrayBuffer,頁面必須安全且 cross-origin isolated。嵌入第三方內容可能干擾這個條件。

CHECK_04

測試真實裝置

分享公開連結前,先試手機瀏覽器、桌機瀏覽器、無痕視窗和慢速網路。

使用情境

為可遊玩的連結設計

LVL. 99
可遊玩 demo 連結

獨立遊戲展示

發佈 game jam 專案、demo、prototype 和可遊玩預告,不必把發佈流程變成伺服器專案。

UNITYGODOT 4
WEBGL
WebGL 創作作品

WebGL 互動作品

用瀏覽器原生 3D 和圖形技術發佈互動藝術、視覺實驗和效能敏感的 Web 互動體驗。

THREE.JSPIXIJS
技術檢查表

真正重要的託管需求

需求
DeployPages
為什麼重要
WASM 和資源傳遞
在邊緣節點提供靜態建置檔案
大型遊戲 payload 需要可預期的傳遞
SharedArrayBuffer 支援
針對需要的 build 提供 cross-origin isolation 標頭
Threaded exports 沒有瀏覽器隔離可能失敗
HTTPS
自動提供憑證
Secure-context APIs 需要它
自訂網域
用品牌網址放可遊玩建置結果
Demo 更好分享和記住
沒有平台外框
頁面就是你上傳的遊戲建置結果
適合客戶 demo、作品集和獨立發行

瀏覽器支援仍取決於引擎 export 設定、build 大小、第三方 script 和玩家裝置。

常見問題

除錯主控台

>SharedArrayBuffer 是什麼?為什麼重要?

某些多執行緒 WebAssembly 工作負載會需要它。瀏覽器只在安全且 cross-origin-isolated 的 context 暴露 SharedArrayBuffer,因此 response 標頭很重要。

>支援 Godot 4 web exports 嗎?

支援。現代引擎的靜態 export 只要完整上傳最後的 web 建置結果,且 export 設定符合瀏覽器目標,就可以運作。

>大型 build 也能上傳嗎?

可以。大型專案仍需要資源策略和壓縮,但這個流程是為比輕量登陸頁更重的瀏覽器遊戲 payload 設計。

>可以一起發佈離線 PWA 行為嗎?

可以,只要 build 包含相關 manifest 和 service worker 資源。

_cursor_active | waiting for input...

上傳可遊玩的建置結果

放入 export 資料夾、檢查公開網址,分享前先測試發佈路徑。

HTTPS邊緣傳遞無平台外框