把寺庙场景做成电影感短片

看懂样片与制作方式

它解决什么问题？

想做一段建筑漫游短片，难点不只在于单个镜头好看，还在于切换镜头后，建筑位置、材质和光照仍然一致。这组提示词让 Claude Code 先用 Three.js 搭建一个三维场景，再安排相机在场景中拍摄。Three.js 是在浏览器中绘制三维场景的 JavaScript 库；需要修改建筑、材质或镜头路线时，可以回到工程中调整对应部分。

它与站内其他视频制作方案有什么区别？

站内方案	主要用途	本页提示词的侧重点
跟随子弹穿过闹市	向文生视频工具描述子弹跟拍画面	让 AI 编写三维场景代码，再通过相机运动形成画面
让镜头跟着操作步骤走	用镜头移动和视觉强调讲清产品操作	规划建筑的位置、尺寸和镜头路线，展示空间关系
video-shotcraft：把产品功能，做成让人看懂的宣传片	用产品截图、文案和品牌素材制作宣传片	从代码生成建筑场景，再组织多个镜头拍摄

这组提示词把制作拆为布局、搭建和镜头三个阶段：先统一坐标，再约定共享材质和各个子 Agent 能修改的文件，最后设计从特写拉远到全景的镜头。这些方法适合需要反复修改建筑、材质与运镜的短片；表中的其他方案则分别服务于跟拍画面、操作演示和产品宣传。

看样片，选择制作路线

页首样片展示的是 Golden Temple，一座由代码生成的日式寺院：建筑、植物、水面和材质都由程序创建，不依赖导入的模型或贴图文件。参考照片用于观察造型，不直接贴进场景。

Golden Temple 的源码由 Leon Lin 发布，README 记录其使用 Claude Code 与 Claude Opus 5.5 协作完成。leo_xiaolei 分享了视频和三段重建思路，本页保留这三段提示词。想先得到可修改的场景，就从原项目开始；想另建场景，再使用提示词规划。下面先走原项目这条路线。

观看样片时，留意灯笼、莲花或风铃的近景如何引出周围建筑。原片共十个镜头，每个七秒；节奏的重点是先让观众看清一个细节，再逐渐交代空间。

用原项目预览并修改场景

打开寺庙场景

准备 Node.js 22 或更新版本，以及支持 WebGL 2 的浏览器。后面的截图和视频导出还需要 Chrome 或 Edge，并将 FFmpeg 加入系统 PATH。

1. 在终端执行以下命令，下载项目、安装依赖并启动预览：

git clone https://github.com/Leonxlnx/golden-temple.git
cd golden-temple
npm install
npm run dev

2. 打开 http://localhost:5173/，留意左上角的进度信息。首次加载需要生成场景并编译着色器，在集成显卡上可能等待数分钟。场景出现后，拖动视角观察建筑；按 1 播放第一个镜头，空格暂停，f 返回自由视角。
3. 先看桥、池塘和主殿是否完整出现，再考虑改动。浏览器能转动视角，说明你打开的是三维工程；此时还没有导出视频。

先改一个局部

在这个项目目录中打开 Claude Code，先要求它阅读 src/layout.js、src/world/、src/core/materials.js 和 src/shots.js。它们分别管理场地布局、场景部件、共享材质和镜头。

以下为本站练习请求，先用小范围改动理解这些部分怎样配合：

在当前 Golden Temple 工程中，把拱桥的朱红色桥栏改为深色木质。
先找出桥栏采用的材质，再提出最小修改方案。
仅修改桥栏，不要改变主殿和山门的朱漆材质。
保留桥的位置、尺寸、池塘、光照和全部镜头。
修改后说明改了哪些文件，并给出便于检查桥栏的预览视角。

打开修改后的预览，比较桥栏与主殿。成功的局部修改应只改变桥栏的外观；如果整座寺庙都变色，通常是改动了多个部件共用的材质，需要把桥栏的材质单独处理。

这一步保留坐标和相机，只改材质，方便判断变化来自哪里。下一次再尝试移动建筑：先调整 src/layout.js 中的布局，再检查通路、池岸和镜头取景，避免各部件各改一套坐标。

分阶段描述自己的建筑与场景

本页提示词中的三段分别解决“放在哪里”“由谁搭建”和“镜头怎样看”。新建项目时，在 Claude Code 中逐段发送，等布局或预览确认后再继续；不要把新建场景的要求直接发进原项目，覆盖刚才的练习。

1. 先确定布局。 写清建筑之间的关系、主要尺寸、入口和通路。先看平面位置是否合理，不急着加屋瓦与树叶。
2. 再搭建各部分。 提示词建议由六个子 Agent 分工。先让主 Agent 建立共享布局和材质文件，约定每个子 Agent 的文件范围，再开始并行。每完成一部分就截图检查；照片只作造型参考，场景仍由代码生成。
3. 最后安排镜头。 逐个写明从什么细节开始、经过哪里、最后看见什么。先检查一个完整镜头，再扩展到整片。

单镜头确认后，再让 Claude Code 为新项目实现逐帧导出功能，提供短片段测试命令、输出位置和完整导出命令。下节的导出命令用于原版 Golden Temple 工程；新项目应使用自己的导出命令。

想换成自己的园林、展馆或产品空间，可以先替换下面的方括号内容。这是本站提供的需求模板，需与你的布局和参考图一起交给 Claude Code：

场景：[庭院、展馆或产品展示空间]。
观众与用途：[给谁看，希望观众记住什么]。
主要区域：[入口、主体建筑、水面或展示区，以及它们的相对位置]。
重点物件：[最适合作为近景开头的细节]。
视觉方向：[建筑风格、材质、时间与光线]。
素材：[我提供的参考照片；仅用于理解外形和氛围]。
首轮只交付布局和可打开的简单场景，确认后再补细节。
先做一个七秒镜头：从[细节]开始，移动到[位置]，最后展示[主体]。

建筑外形变化时，要一起检查入口、通路、阴影和相机是否穿过物体。把寺庙改为展馆，也需要重新选择近景物件与镜头终点；只换场景名字，无法改变观众实际看到的内容。

调整镜头并导出短片

先导出一个镜头

以下命令用于原版 Golden Temple 工程。让运行 npm run dev 的终端保持开启，在项目目录中另开一个终端，先导出第一个七秒镜头：

# 30 FPS 的前 210 帧，对应首个七秒镜头；先用低分辨率检查运动
node tools/render.mjs --w 960 --h 540 --fps 30 --spp 2 --from 0 --to 210 --out out/temple-draft.mp4

spp 表示每帧参与平均的采样次数：较低值适合检查镜头，较高值能改善边缘、阴影与运动模糊，但渲染更慢。命令执行期间应有帧数进度，完成后打开 out/temple-draft.mp4，检查近景是否停留足够久、拉远是否平滑、桥栏有没有挡住主体。

如果镜头穿过屋檐或突然转向，把发生问题的时间和对应画面交给 Claude Code，要求只调整该镜头的相机位置、朝向或缓动，保留场景和其余镜头。

确认运动后再导出整片

要按原项目的十个镜头导出完整七十秒画面，可在同一目录执行：

node tools/render.mjs --w 1920 --h 1080 --fps 60 --spp 8 --out out/temple.mp4

这是逐帧离线渲染，不是浏览器实时录屏。上游记录在 Radeon 780M 集成显卡上导出整片约需四小时，因此先检查短片段更省时间。页首转载视频实际为 1280×720、30 FPS；它与原项目可导出的 1080p60 是两回事。

这个导出命令只生成画面。若保留原项目七十秒剪辑，并希望加入示例配乐，再执行：

npm run fetch-music
node tools/score.mjs --video out/temple.mp4 --out out/temple_final.mp4

配乐为 Kevin MacLeod 的《Finding Movement》，按 CC BY 4.0 使用，发布成片时，一并附上项目 Credits 所列的配乐署名信息。代码的 MIT 许可不覆盖这首音乐。改了镜头数量或总时长，就让 Claude Code 同时调整渲染帧数、镜头时间和配乐剪辑；原版导出器默认七十秒，配乐脚本也按原片的切点安排音乐。

需要竖屏版本时，先重排相机取景，确认近景物件和主要建筑都能入画，再以竖屏尺寸导出，不要只把横屏两侧裁掉。