滑走する旅客機と地上作業員がいるThree.js製の空港シーン

Claude Fable 5.1が、旅客機、給油車、ターミナル、切り替わるカメラを備えた手続き型Three.js空港を一度で書き上げました。

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 procedural airport simulation in Three.js, delivered as one self-contained HTML file with no external assets. Model everything in code: a tarmac apron, a runway with markings, grass surroundings, a glass terminal with a control tower, and airliners with blue-and-white liveries. Add working ground traffic such as a fuel tanker, baggage carts, tugs and small figures of ground crew moving around parked aircraft, and let planes taxi, take off and land on a loop. Provide several automatic camera views (gate level, runway end, wing close-up, tower view) that cut between each other, with soft daylight and a pale sky. Keep the style clean and slightly low poly. Done means the scene runs smoothly, vehicles and aircraft move without clipping, and the cameras show the whole airport cycle.

このプロンプトの使い方

  1. コーディングエージェントのClaude Fable 5.1にブリーフを貼り、HTML1ファイルを依頼します。

  2. 舞台を変えます。港湾、ヘリポート、滑走路灯のある夜の空港など。

  3. ブラウザで開いてカメラ切替を確認し、車両の増加や天候を追加依頼します。

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