断面ラグーン付き恐竜の島ジオラマを単一HTMLで作る

GPT-6 AstraがThree.jsで島のジオラマ Verdantを制作。恐竜が歩き回り、潮や風、時間帯を変え、卵を孵して水中も見られます。

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

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

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

Wandy3Dによる制作ブリーフ

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

Build an interactive 3D diorama of a tropical dinosaur island as one self-contained HTML file using Three.js and WebGL. Show the island as a floating slice of land with a cutaway lagoon at its base, in soft stylised low-poly style with lush greens, teal water and warm lamp light. Populate it with roaming dinosaurs, a waterfall, palm-like trees, a small wooden hut and a marine reptile swimming in the lagoon. Add a compact control panel with sliders for tide, wind and time of day, a rain toggle, and buttons to feed the herd and hatch a baby dinosaur. Let the user orbit the island and drop the camera underwater to watch the lagoon. Include gentle looping ambient music with a mute option. Animate creatures, water, foliage and weather smoothly. Done means everything runs offline in the browser with no external assets and the sky and lighting shift convincingly between day and night.

このプロンプトの使い方

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

  2. 生き物、環境、配色、スライダーを変更します。例えばマンモスのいる雪の島にできます。

  3. ブラウザで開いて回転や水中視点を試し、操作や効果音の追加を依頼して仕上げます。

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