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 编码代理的技能目录中立即使用而设计。

相关

  • 项目
  • 项目
  • 项目
  • 项目