ai21.net
言語

インタラクティブな3Dの機械式時計を、単一のHTMLファイルで作って…

インタラクティブな3Dの機械式時計を、単一のHTMLファイルで作って… — 1

プロンプト

Build me a mechanical watch in interactive 3D, in one HTML file with Three.js.

Make it look real: the gold case and the glass on top, the dial and the hands, and behind it the movement you never get to see. The mainspring in its barrel, the gear train, the balance wheel swinging back and forth with its hairspring breathing, the escape wheel and the pallet fork ticking, and the red jewels the gears turn on. The balance wheel swings, the gears turn, and the second hand ticks. I can drag to orbit around it and scroll to zoom.

Add an Explode button. When I press it, every part slides apart in layers 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の機械式時計を作成してください。

本物らしく見せてください:金のケースと上面のガラス、文字盤と針、そして背後には決して目にすることのないムーブメントまで。香箱の中のゼンマイ、輪列、ヒゲゼンマイが呼吸するように前後へ揺れるテンプ、カチカチと動くガンギ車とアンクル、そして歯車がその上で回る赤いルビー。テンプが揺れ、歯車が回り、秒針が刻みます。ドラッグで周囲を回り込み、スクロールでズームできます。

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

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

出典

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