断面・X線・分解表示を備えたインタラクティブ3Dジェットエンジン

Gemini 4 Pro と GPT-6 Astra に同じプロンプトでThree.js製ジェットエンジンを作らせた比較。ディテールはGemini 4 Proが上回りました。

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

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

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

Gemini 4 Proのプロンプト

Use three.js to build a 3D interactive display of an aircraft engine on a webpage. 
Please refer to Jigspace's interaction design philosophy to achieve a realistic model with near 1:1 high-fidelity restoration, fully preserving material and texture details such as metal, pipelines, and blades. Interactive features must include: step-by-step disassembly animation, exploded view of components, and part descriptions and principle explanations triggered by click or hover. 
Overall, it must support smooth camera control and friendly human-computer interaction, ensuring a smooth experience on the web that fully showcases the engine's structure and working principles.

このプロンプトの使い方

  1. コーディングツールでGemini 4 Pro(比較ならGPT-6 Astraも)にプロンプトを貼り、Three.jsのWebページを依頼します。

  2. 航空機エンジンを別の機械に差し替え、X線・気流・部品ラベルなどの機能リストを調整します。

  3. ページを動かして回転と分解を試し、素材感や部品説明の改善を追加で依頼します。

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