発射台10基のロケット工場を再現したThree.js 3Dシミュレーション

GPT-6 AstraがThree.jsでロケット工場を構築。資材が届き、完成したロケットが10基の発射台へ向かい打ち上がる。

Claude Code + Three.js(コードのみ)Wandy 2
実際のモデル · 360°どちらも同じ写真から作成:左は Claude Code(Opus 5.5)が Three.js のコードでモデリングした、手を加えていない1回分の実行結果。右は Wandy 2。

精細な3Dモデルを作ろう

コードだけでは単純な形しか作れません。Wandy 2なら写真1枚から、同じシーンで使えるテクスチャ付き3Dモデルを作れます。

Wandy3Dによる制作ブリーフ

作者がプロンプトを公開していないため、この作品を再現する方法を私たちがまとめました。

Build a live 3D factory simulation in Three.js that runs in the browser. Model a rocket production site with a large assembly hall, an internal production line with stations, a road network, a river and landscaped terrain, plus ten launch pads with gantry towers laid out along a strip of land. Animate the full flow: raw materials arrive, rockets are assembled inside the hall, each finished rocket drives out on a transporter to a free pad, stands upright and lifts off with a short exhaust effect. Use a clean, light palette with white buildings, soft green ground and pale blue water. Add an orbit camera so the viewer can fly from an overview of all pads to a close look inside the hall, and a small HUD with a clock and speed control. Apply lean-production ideas such as a steady pull flow and minimal waiting. Deliver one self-contained HTML file. Done means rockets are produced, dispatched and launched continuously without manual input.

このプロンプトの使い方

  1. コーディングツールでGPT-6 Astraにこのブリーフを渡し、Three.jsの単一HTMLを依頼します。

  2. 製品、発射台の数、レイアウトを変更します。例えば車の工場や荷下ろし場にも応用できます。

  3. ファイルを開いて工場内を周回し、工程や速度スライダー、生産統計の追加を依頼して改良します。

元の投稿作者の方ですか? このページの修正・削除をご依頼ください