创作百科/提示词/AI 游戏

Three.js 场景起手提示词:一条提示词写出干净骨架

出自 OpenDrama 创作百科

提示词阅读 6 分钟最后编辑于 2026年10月14日

这条提示词让 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 项目(结构不同)、其他引擎,以及单文件小玩具(见「调参」里的精简版)。

会员继续阅读

本页后面的内容对会员开放

  • 还有 5 个步骤
  • 3 条可直接复制的提示词
  • 1 张参数表
  • 还有 6 个章节

免费注册一个账号,充值一次(US$0.99 起),整部百科都对你开放。

  • 全部拆解、技能、提示词
  • 每天新增词条
  • 提示词一键复制

参见

用到它的拆解

AI 游戏分类下的更多词条

查看全部 →