数千の部品に分解できるインタラクティブ3D粒子衝突型加速器

GPT-6 Astraが1つのプロンプトと数回の改良で、単一ファイルの加速器ビューアを作成。スクロールで検出器が層ごとに開き、衝突も再現する。

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 visualization of a particle collider and its detector as one self-contained HTML file that runs offline in a browser. Model the detector from thousands of separate components: end-cap wheels, large magnets, calorimeter modules and tiny sensors. Scrolling should open the detector layer by layer, sliding parts apart, and then bring them back together. Add a second view of the circular accelerator ring with two counter-rotating beams, and a third view that generates a synthetic collision and freezes its particle tracks. Use a dark navy background, muted metallic parts with copper accents, a serif headline with italic highlights, and a clean control panel with per-system toggles and a timeline. Done when the exploded view, ring view and collision view all work smoothly with a few thousand parts.

このプロンプトの使い方

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

  2. 題材をエンジンや望遠鏡などに変え、分解させたい層を指定する。

  3. ブラウザで開いてスクロールで層を確認し、ラベルやタイムライン、衝突演出の仕上げを依頼する。

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