8惑星と20の衛星を巡れるブラウザ太陽系ビューアと飛行プランナー

GPT-6 AstraがThree.jsで太陽系を構築。8惑星と20の衛星、滑らかなカメラ移動、簡易的な宇宙飛行プランナーを備えています。

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 solar system explorer that runs in the browser with Three.js and WebGL. Show the Sun, eight planets and about twenty moons on orbit lines, with textured spheres and Saturn's rings. Use a dark, minimal interface: a left list of bodies to select, a large title and a short description with key stats at the bottom of the view, and a right panel for a simplified spaceflight planner where the user picks a origin and destination and sees an estimated travel time in days. Selecting a body makes the camera glide smoothly from the system overview to a close view of it, and the user can also orbit and zoom the camera freely. Keep planets and moons moving along their orbits. Deliver a working web page with all assets loaded locally or procedurally. Done means you can fly from the Sun to Earth, its Moon and Saturn, read the stats, and get a travel estimate between two planets.

このプロンプトの使い方

  1. ビルドブリーフをコーディングエージェントのGPT-6 Astraに渡し、Three.jsのWebページを依頼します。

  2. 準produce範囲を変更:準惑星の追加、UIテーマ、プランナーの機体や単位を調整します。

  3. ブラウザで開き天体間の移動を確認し、軌道速度やラベル、テクスチャの修正を依頼します。

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