Three.js 场景起手提示词:一条提示词写出干净骨架
出自 OpenDrama 创作百科
这条提示词让 AI 编程模型先把 Three.js 游戏里最枯燥、但最承重的部分写好:渲染器、灯光、摄像机控制、加载器、窗口缩放和性能面板,拆成几个小文件,全部用当前版本的 API。之后的每一条提示词都在一个干净的结构上修改,而不是往一个越来越长的 main.js 里堆。项目信息全部集中在顶部一个区块里,下一个游戏复用只要两分钟。
用途
任何网页游戏或 3D 场景开工时用,放在第一条玩法提示词之前。不给规格、直接让模型「写个 Three.js 场景」,通常会得到同一组毛病:
- 旧的色彩和灯光代码:
outputEncoding、sRGBEncoding,或者按 r155 之前旧单位调的灯光强度,画面从第一天起就发暗或发灰。 - 像素比不封顶:DPR 3 的手机要渲染 DPR 2 的 2.25 倍像素,60 fps 和 30 fps 往往就差在这里。
- 只监听
window的 resize:放进 iframe、分栏布局,或者手机一转屏,画布就糊了或被拉伸。 - 20 MB 的 GLB 下载时一片黑屏:没有进度,Draco 解码器路径 404 也不报错。
- 裸的 requestAnimationFrame 循环,delta 不限幅:切个标签页回来,角色瞬移。
- 没有数字:看不到 draw call 和帧时间,就不知道慢在哪。
这条提示词用规格逐条堵住这些坑,最后附上两分钟就能验完的检查项。它只把画面调到合格的基线(色调映射、一盏带阴影的主光、雾),完整做法见 Three.js 电影感画面。骨架跑起来之后,再用 游戏设计简报 描述游戏本身。
不适用:react-three-fiber 项目(结构不同)、其他引擎,以及单文件小玩具(见「调参」里的精简版)。
参见
用到它的拆解
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 探索游戏:狐耳小斥候在草原、遗迹和浮空岛之间奔跑、被风泉弹上天、展翅滑翔。拆它怎样让一套移动能力成为整个游戏,收集品又怎样反过来喂移动。










