lhlGitHub/threejs-architecture-effects

何を解決するか

このプロジェクトは、AIエージェント（Codex、Claude Code、Cursorなど）がリアルタイムで自己構築するインタラクティブな3D建築ミニチュアを生成できる、ポータブルな「エージェントスキル」を提供します。事前に作成された3DモデルやAPIキーの必要性を排除し、コードで中国の亭閣のような複雑な構造物をプログラム的に作成できるようにします。

動作方法

システムはVite、React、Three.jsのスターターキットを使用しています。エージェントが構造計画（基礎から装飾まで）を記述し、最終的な輪郭を最初にモデル化することで、整合性を確保します。3Dの各パーツには開始時間、持続時間、移動経路が割り当てられ、ユーザーが再生・一時停止・スクラブ操作ができる単一の0–1タイムラインによって制御されます。テクスチャを外部から使用せず、ブロック、木材、石などはプロシージャルに生成されます。

対象ユーザー

3Dソフトウェアでアセットを手動でモデリングせずに、オービタル視点で操作可能なインタラクティブな3D建築ビジュアライゼーションを生成したい開発者やAIエージェントユーザー。

特徴

• 自己構築ジオメトリ: タイムラインで制御可能なブロック単位・レイヤー単位での建物構築。
• プロシージャルマテリアル: 有料モデルを必要とせず、木材、漆喰、タイル、青銅の内部ロジックを内蔵。
• インタラクティブコントロール: オービット、ズーム、建築細部用の専用クローズアップカメラをサポート。
• エージェント対応: AIコードエージェントのスキルディレクトリに即座に導入できるよう設計。