Developer builds procedural 3D city generator with GPT-6 Astra
A Japanese developer built and released a prototype tool that generates procedural 3D streetscapes offline in seconds with Three.js and exports them as GLB, designed and implemented with Codex (GPT-6 Astra).
【ちいさな街工房】プロシージャル3D街の生成ツールを公開【GPT-6 Astra】 【作業内容】 プロシージャルに3D街を瞬時に生成するツール【ちいさな街工房】の試作版を開発・公開しました！ シードと各種パラメータから、道路、パステル色の建物、走る車、歩く人、公園、街路樹を生成し、立体ミニチュアとして眺めることができます。 画像生成AIを一切使わず、プログラムだけで3D街をプロシージャルに生成します。 完全オフラインのローカル環境で瞬時に生成可能です。 車や人は3D街の中を移動します。 生成した街はGLB形式の3Dモデルで出力でき、Blenderなどで編集可能です。 【結果・所感】 生成できる街のバリエーションや差別化要素がやや乏しいものの、十分ゲームに利用できそうな品質の可愛らしい雰囲気の3D街という印象です。 車や人が動くのもとても面白いと感じます。 生成AIを一切使わず、ローカルで高速に生成できる点もとても良いと感じます。 【使用技術】 ・Codex (gpt-6-astra): メイン機能の設計・実装、サブ機能の設計 ・Codex (GPT-6 Luna): サブ機能の実装 ・React、TypeScript、CSS: UIと街の生成 ・Three.js: 3D描画、カメラ操作、GLB出力 ・Canvas toBlob: PNG出力 ・Vite: 開発サーバー・ビルド 【動画タイムライン】 0:00 本ツールのデモ 0:13 パラメータ（人と車の数）を変更して街を再生成 0:25 生成した街をPNGとGLBで出力（3倍速） 0:29 Blender上でGLBを確認（3倍速） 【本ツールのURL】 リプライからご確認ください。 【今後の展望】 1） 歩行アニメーションの追加 人の歩行アニメーションを実装します。 2） アニメーションのGLB出力対応 車や人の移動アニメーション付きでGLB出力できるようにします。 3） 要素の追加・洗練 生成できるオブジェクトの追加・洗練を行います。 4） 出品 需要がありそうなら、本ツールをhttp://itch.ioなどに出品します。 【タグ】 #LittleCityStudio #3D #CityBuilder #GPT6Astra #GameDev