mcpField
T
threejs-procedural-architecture

threejs-procedural-architecture

github.com/scottstts创意与媒体946101 次安装6 天前更新
代码仓库

关于 threejs-procedural-architecture

用于设计程序化建筑生成器的技能,要求先生成可检查的规划,再输出网格。内容涵盖体量、立面语义、建筑模块及 Three.js 几何编译。

主要功能

  1. 01建筑体量语法
  2. 02外露表面图规划
  3. 03立面与屋顶语义布置
  4. 04按材质槽编译网格
  5. 05拓扑与阴影诊断

适用场景

  1. 01规划程序化建筑布局
  2. 02使用语义模块生成立面
  3. 03检查不同随机种子的几何

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/scottstts/threejs-awesome-graphics-agent-skills --skill threejs-procedural-architecture

安装后在 Claude Code 中输入/threejs-procedural-architecture确认已加载。

包含的文件

除 SKILL.md 外,安装时一起下载的参考资料和脚本。

agents/
openai.yaml
assets/procedural-financial-tower/
THIRD_PARTY_LICENSES.md
examples/procedural-financial-tower/
shadow-clipmaps.js
building-system.js
references/
grammar-and-mesh-compiler.md

详细介绍

程序化建筑

将设计规划与网格生成分开。建筑生成器应先生成可检查的方案,再生成三角形。

此技能包含描述性指导之外的优秀示例和资源,值得研究、参考,甚至直接复用。相关时请充分利用,不要盲目跳过。

必需架构

settings
  → mass grammar
  → exposed-surface graph
  → façade/roof placements
  → module registry
  → material-slot mesh writer
  → geometries

实现生成器之前,请阅读 references/grammar-and-mesh-compiler.md。

请阅读程序化金融塔编译器,了解带种子的分层规划、语义立面布置、预留区域、按材质槽输出 BufferGeometry、投影细节,以及特定机制的诊断。

规则

  • 体量设计、立面节奏和细节模块应分层处理。
  • 布置立面之前先确定外露边缘。不要装饰隐藏的内部面。
  • 模块负责语义锚点和构造深度,而非建筑的全局坐标。
  • 按材质槽编译,以减少绘制调用,同时保留材质区分。
  • 保留楼层高度、开间宽度、装饰线条突出量和纹理密度的真实尺寸。
  • 随机性可以从有效设计中进行选择,但不能用于修复无效几何体。
  • 根据渲染器路径提供适当的拓扑、立面归属、材质/几何体和阴影诊断。

验收标准

生成的建筑必须通过以下检查:

  • 仅显示轮廓;
  • 使用未贴图的纯色材质;
  • 斜射光照;
  • 近距离检查转角和屋顶过渡;
  • 改变随机种子时,不得出现开间损坏、归属重叠或装饰悬空;
  • 报告三角形和模块数量。

路由边界

如果需要的是不含建筑语法的可复用轮廓、扫掠体、环或网格写入器,请使用 $threejs-procedural-geometry。此技能负责体量设计、立面语义、建筑模块和建筑方案编译。

评论

支持 Markdown