lhlGitHub/threejs-architecture-effects
An Agent Skill for building interactive, self-assembling 3D architecture with Three.js. 一个用 Three.js 生成可交互、可动态建造 3D 建筑的 Agent Skill。
解决的问题
该项目提供了一个可移植的「Agent Skill」,使 AI 代理(如 Codex、Claude Code 或 Cursor)能够生成实时自我组装的交互式 3D 建筑微缩模型。它无需预先制作的 3D 模型或 API 密钥,允许代理通过代码程序化创建复杂的结构,例如中式亭台。
工作原理
该系统使用 Vite、React 和 Three.js 的启动模板。遵循特定的建造逻辑:代理先编写组装计划(从地基到装饰),并首先建模最终轮廓以确保对齐。每个 3D 部件都分配了开始时间、持续时间和移动路径,全部由一个 0–1 的时间轴驱动,允许用户播放、暂停或拖动进度。材料通过程序化生成(砖、木、石等),而非使用外部纹理。
适用人群
希望无需在 3D 软件中手动建模资产,即可生成可轨道旋转、交互式 3D 建筑可视化效果的开发者和 AI 代理用户。
亮点
- 自我组装几何:建筑通过可控时间轴实现逐块、逐层的构建。
- 程序化材质:内置木材、灰泥、瓷砖、青铜等材质逻辑,无需付费模型。
- 交互式控制:支持轨道旋转、缩放,以及针对建筑细节的专用近景相机。
- 代理就绪:专为直接放入 AI 编码代理的技能目录中立即使用而设计。
相关
- 项目
- 项目
- 项目
- 项目