GPUからシリコン原子まで寄っていくThree.jsのスケール解説シーン

Claude Opus 5.5が単一ファイルのThree.jsで、GPUを分解しトランジスタ層から結晶格子へ潜るカメラ演出とスケール表示を作りました。

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

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

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

Claude Opus 5.5のプロンプト

Give me a 55 second 3D scene. Camera flies into a data center, opens a rack, disassembles a GPU, zooms into the chip, passes through the transistors, lands on a single silicon atom. Scale rail on the right in meters. Labels in the client's language. Runs in a browser, one file, no dependencies.

このプロンプトの使い方

  1. コーディングツールでClaude Opus 5.5にプロンプトを貼り、単一のHTMLファイルを依頼します。

  2. 製品、ズームの経路、長さ、ラベルの言語を自分のテーマに変えます。

  3. ブラウザで開き、カメラのタイミングやラベル、シェーダーを短い追加指示で調整します。

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