关于 threejs-procedural-architecture
用于设计程序化建筑生成器的技能,要求先生成可检查的规划,再输出网格。内容涵盖体量、立面语义、建筑模块及 Three.js 几何编译。
主要功能
- 01建筑体量语法
- 02外露表面图规划
- 03立面与屋顶语义布置
- 04按材质槽编译网格
- 05拓扑与阴影诊断
适用场景
- 01规划程序化建筑布局
- 02使用语义模块生成立面
- 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.yamlassets/procedural-financial-tower/THIRD_PARTY_LICENSES.mdexamples/procedural-financial-tower/shadow-clipmaps.jsbuilding-system.jsreferences/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