语言模型
用 Claude Code 做可复现的 Three.js 场景
从可运行页面开始,加入可控时间轴、浏览器截图和帧序列导出。
先定义最小场景
固定 Three.js 版本、场景尺寸、摄像机位置和光源。单个页面先画一个几何主体并能重设视角,再加碰撞、粒子或音效。
用时间决定画面
动画函数接收以秒为单位的时间参数。每一帧的位置和旋转只依赖时间与固定随机种子。小游戏另存输入事件和时间戳,方便重放。
截图确认再渲染
固定浏览器视口,分别截图开头、中段和结尾。检查画面边缘、文字清晰度和小屏比例,再按固定帧率导出帧图;合成前验证编号连续。
对照测试提示词
创建一个有起点、转弯和停顿的轨道场景。提供 renderAt(seconds),分别在 0、1.5、3 秒截图;保证同一时间参数重复运行输出相同画面。