概要
Worlds は、現実の場所をコードで再現した ブラウザネイティブな3D体験。 すべて オープンデータ を用い、 Three.js のみで構築、npmで簡単に実行可能。 自律エージェント群 による調査・モデリング・検証を経て、品質を確保。 各建物や看板まで 詳細に生成、バイナリ資産やゲームエンジンを未使用。 MITライセンス で公開、商用利用や改変も自由。
Worlds: コードで作る現実世界の再構築
- Worlds は、現実の都市や観光地を コード主導 で再構築した3Dワールド集
- Three.js のみで動作し、npmコマンドで即時体験可能な オープンソース プロジェクト
- ゲームエンジンや独自3Dタイル は一切不使用、全てのデータとロジックがリポジトリ内に完結
- 各ワールドは Claude Fable 5.1エージェント群 による調査・設計・検証を経て自動生成
- 建物・店舗・看板・樹木・信号 など、細部までオープンデータと公開画像から自動生成
Union Square, San Francisco
- Union Square とその周辺(Powell, Geary, Post, Stockton)を 実際の地形・街路網 で再現
- 129の店舗、動作する信号機、ケーブルカー、昼/夕方/夜の時間帯切替対応
- Apple Union Square(300 Post St) と Nintendo SAN FRANCISCO(331 Powell St) の店内も探索可能
- 実行方法
cd union-square-sf && npm install && npm run dev
- 建物: 453 OSMフットプリント、75手作成ファサード、129店舗名
- 群衆: 220人の歩行者 (1,398ノードのナビグラフ)、109台の車両(ケーブルカー含む)
- インテリア:Apple/Nintendo店舗、23のインタラクティブオブジェクト
- 検証: 34カメラ位置で実写写真と比較、147比較シート、9名の独立レビュアーレポート
Higashiyama, Kyoto
- 京都・東山南部の徒歩ルート (祇園→花見小路→八坂神社→ねねの道→八坂の塔→二年坂→三年坂→清水坂→清水寺)2.3kmを連続再現
- アニメ背景風 の3D→2Dレンダリング
- セル調マテリアル、色相シフト影、スクリーンスペースインク、スプリットトーン
- バイナリ資産ゼロ、全オブジェクトを Canvas2Dで起動時描画
- 実行方法
cd kyoto-higashiyama && npm install && npm run dev- もしくは
npm run viewer && open viewer/higashiyama.html(HTML単体ファイルで閲覧可能)
- 建物:266棟、471店舗、19のランドマーク(15地区)
- ディテール: 1,938本の樹木(11種)、3,076小道具(60種)、142インタラクション
- サーベイ:全高低差を GSI 1m LiDAR で独自計測、道路幅を8mごとに OSMフットプリントへレイキャスト
- 検証:52視点執筆、全ルート歩行テスト、各通りの通行性チェック、ページエラーゼロ
- 実測値に基づく修正 :
- 八坂の塔:38.79m(従来46m説を覆す)、清水舞台:115.5m ASL(従来240m説を覆す)、舞台寸法・柱数も実測値反映
制作パイプライン
- リサーチ :エージェントがOpenStreetMap、USGS標高、交通・道路仕様、店舗調査を並列取得
- オフライン資産生成 :Blender(bpy)スクリプトでGLBキット(ファサード、街具、車両、植栽、什器、人体パーツ)を自動生成
- ランタイム :Three.jsアプリが地形・街路・ファサード・小道具・群衆・交通をJSON仕様から組み立て
- カメラマッチQA :Playwrightで実アプリを自動操作、実写写真と比較、レビュアー(建築家・地理学者・テクニカルアーティスト・インタラクション担当)がレポート提出→次サイクルへ
ライセンスとデータ
- コード・生成資産 :MITライセンス
- 形状データ :OpenStreetMap(ODbL)、USGS 3DEP(パブリックドメイン)由来
- 参照写真 :リポジトリには未収録、各エリアの
refs/*/SOURCES.mdで出典管理 - ブランド名・ロゴ :実在店舗の現地表記として使用、権利は各社に帰属
今後の展開
- 新たなワールドの追加予定
- パイプライン全公開、誰でも 再現・改変・調査 が可能