发布网页游戏：加载、手机适配、WebGPU 回退与托管
出自 OpenDrama 创作百科
在自己电脑上能玩的原型，离发布大概只走了一半。另一半发生在陌生人的手机上：链接是在聊天软件里点开的，网络是 4G，GPU 只有你的四分之一，用的是拇指不是鼠标，还可能根本没有 WebGPU。这一页是我们每个 AI 做的网页游戏在发链接之前都要过一遍的上线清单，每一步都有对应的数字标准。
适用场景
核心玩法已经好玩、链接还没发给团队以外的人时用。出现下面任何一条，就说明还没准备好：
- 脚本下载时屏幕白屏超过 1 秒。
- 4G 下玩家要等 5 秒以上才能按任何东西，或首包超过 5–10 MB。
- 只能在桌面 Chrome 里跑：WebGPU 路径没有 WebGL 回退，或者在 X、Instagram、微信的内置浏览器里直接坏掉。
- 中端手机上不到 30 fps，或玩几分钟后越来越卡。
- 触屏是事后补的：玩的时候页面会滚动或缩放，按钮比指尖还小。
- 分享出去的链接，预览卡片没有图也没有标题。
- 有任何东西从 CDN 或别的域名加载（字体、CDN 上的 three.js、Google 服务器上的 Draco 解码器）。有的托管平台会拦截这些请求，OpenDrama 的游戏沙盒也是，游戏就会在没有明确报错的情况下坏掉。
我们守的标准：1 秒内屏幕上有东西，4G 下 5 秒内能玩，桌面 60 fps，3–4 年前的手机稳定在 30–60 fps，并且在所有主流新版浏览器里是同一个游戏。如果你还在找好玩的点，现在做这些太早了：先回去看 先写规格再让 AI 做游戏。
参见
用到它的拆解
AI 游戏分类下的更多词条
查看全部 →两天做完一款反重力赛车：三个杯赛、联机，车由玩家的 AI 生成
Stefan 照着童年最爱的 F-Zero X，用 AI 两天做出网页赛车 ZERO-G，上线后被玩了 1000 多次。拆它的资产流程和让人跑完全程的那些设计。
AI 做策略游戏第 20 天：会醒的石头魔像和一间酒馆
Stefan 用 AI 做他想了 15 年的策略游戏，第 20 天加了一只伪装成石堆的魔像和一间能雇人的酒馆。拆这只魔像从参考图到进 Unity 的过程。
拍几张书桌照片，Gemini 4 Argon 把它做成了赛车游戏
Google AI Studio 的 genevieve__h 用 Gemini 4 Argon、Blender MCP 和 Three.js，把自家办公桌的照片做成能玩的卡丁车游戏。我们按视频逐帧还原它的做法和关卡思路。
16 天，一个人用 Opus 5.5 把《小王子》做成 3D 探索游戏
Sac 用 Opus 5.5 + Tripo + Blender 做出可逐个星球探索的《小王子》，网页就能玩。拆它的资产流程和场景组织。
爆了之后怎么加：Sky Reach 的环形世界和多人联机
Tesana 称，用户用几条提示词做的太空探索游戏 Sky Reach 一周多从 250 万播放涨到 300 万以上。拆它怎样在不推倒重来的前提下，加上环形世界和千人联机。
Lyrio：靠风泉和滑翔撑起来的 3D 探索游戏
用 Opus 5.5 和 Three.js 做的 3D 探索游戏：狐耳小斥候在草原、遗迹和浮空岛之间奔跑、被风泉弹上天、展翅滑翔。拆它怎样让一套移动能力成为整个游戏，收集品又怎样反过来喂移动。
