ai21.net
语言

Build me a mechanical watch in interactive 3D, in one HTML…

演示视频

Build me a mechanical watch in interactive 3D, in one 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