Three.js 古建搭建特效实战

第 1 章 · 脚手架跑通：先看见能动的钟楼

先说人话：有人把照片贴在纸板上看着像楼；有人一块砖一块梁地往上搭。这个 Skill 要的是后者——真构件按进度出现，还能倒回去重播。

本章只做一件事：装 Skill → 跑脚手架 → 浏览器里转一圈、拖一下建造进度。

包免费；本机需要 Node.js 22.13+、npm、支持 WebGL2 的浏览器。不用 API Key。

---

你大概会卡在哪

1. Node 版本不够；
2. 目标文件夹已经存在，脚手架直接拒绝；
3. 页面开了，但不会拖建造进度，以为「坏了」。

---

1. 安装 Skill

1. 登录 SkillBazaar → 免费下载「Three.js 古建动态搭建特效」。
2. 解压到 skills 目录，确认有 SKILL.md、scripts/scaffold.mjs、assets/starter/、references/。
3. 新开对话，必要时 @threejs-architecture-effects。

---

2. 最小命令（照抄）

把路径换成你的 skills 目录：

node ~/.cursor/skills/threejs-architecture-effects/scripts/scaffold.mjs ./my-building
cd ./my-building
npm ci
npm run dev

注意：

• 目标目录已存在会被拒绝——换个空名字，或先挪走旧目录；
• 脚手架只复制起步工程，不会替你 npm install，也不会帮你起服务。

---

3. 本章验收清单

• 浏览器打开开发地址，能绕着场景转（含背面、檐下）
• 建造进度能从 0→1 播，能暂停、能前后拖，再拖一次结果还对（可复现）
• 完成态没有「整层放大假装砌砖」或「墙体淡入假装长出来」的廉价感
• 你知道 starter 是参考实现，不是必须照抄的文物复原

往下滚解锁：建造语义、怎么改成自己的简楼、验收与性能怎么诚实读。