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 対応