ai21.net
言語

インタラクティブな3DのサターンVロケットを、単一のHTML…

インタラクティブな3DのサターンVロケットを、単一のHTML… — 1

プロンプト

Build me a Saturn V rocket in interactive 3D, in one HTML file with Three.js.

Make it look real: the white and black rocket standing on the launch pad, and inside it the parts you never get to see. The five giant F-1 engines at the bottom, the fuel and oxygen tanks in each stage, the second and third stages with their own engines, the lunar lander tucked in under the nose, the command module where the astronauts sit, and the escape tower on top. The engines glow and roar with fire and smoke. I can drag to orbit around it and scroll to zoom.

Add an Explode button. When I press it, every part slides apart along the rocket with its name on a label. Press it again and it all snaps back together. When I hover a part, it lights up and shows one line on what it does.

No images. Do not ask me any questions. Just build it.

日本語訳

Three.jsを使い、単一のHTMLファイル内にインタラクティブな3DのサターンVロケットを作成してください。

本物らしく見せてください:発射台に立つ白と黒のロケット、そして内部には決して目にすることのない部品まで。底部の5基の巨大なF-1エンジン、各段の燃料タンクと酸素タンク、独自のエンジンを備えた第2段と第3段、機首の下に収まった月着陸船、宇宙飛行士が座る司令船、そして頂上の脱出塔。エンジンは炎と煙を上げて輝き、轟きます。ドラッグで周囲を回り込み、スクロールでズームできます。

「Explode」ボタンを追加してください。押すと、各部品がロケットに沿ってスライドして分かれ、それぞれの名札が表示されます。もう一度押すと、すべてが元の位置にパチッと戻ります。部品にカーソルを合わせると、その部品が光り、機能について一行で表示されます。

画像は使わないでください。質問は一切しないでください。ただ構築してください。

出典

原作者
aichrislee
公開日
2026-10-09(由推文 ID 反解)
原典
元の投稿を見る ↗
収録元
yihui-dev/awesome-opus5-5-videos · aichrislee-938609 · MIT