SHOWCASE · 原生 ESM
机械表爆炸图Exploded mechanical watch
程序化金表壳、蓝宝石水晶、走时指针,以及可分层炸开的齿轮与摆轮。不依赖外部模型。
旗舰完整演示
可交互场景(拖拽旋转;部分演示支持键盘)。下方提示词用于让 Agent 生成同级成品。
预期产出 · Returns
单页可交互:指针按时间走,摆轮摆动,按 E 在合拢与爆炸之间平滑过渡。金属在影棚环境里有反射。
适合用在哪
要一条「能拆开看内部」的高阶提示词时用。对标样片库里机械表、镜头这类剖视,而不是再转一个圆环。
容易踩的坑
- 爆炸偏移如果太大,零件会飞出雾或裁切范围,分层就看不清。
- 用帧计数驱动指针,切到后台再回来会跳时。
- 水晶没有 transmission 和环境贴图时,看起来只是一块白塑料。
提示词 · Prompt
用单个 HTML + Three.js 做一只躺平的机械腕表,全部几何程序化生成,不要 glTF,不要文字贴图。
外观:表壳是暖金 MeshPhysicalMaterial(metalness 1,roughness 0.2 左右,少量 clearcoat)。表盘近黑。表面是有 transmission 的薄圆柱水晶,能隐约看到下面的指针。指针三根:时、分、秒,秒针偏宝石红。机芯至少包含两枚咬合齿轮、一只绕自身摆动的摆轮,以及几颗红宝石轴承。
运动:用 Clock 的绝对时间驱动,不要用帧计数。秒针一分钟一圈,分针、时针按比例。齿轮互相反向转。摆轮用正弦左右摆,大约每秒数次。
爆炸:每个零件记录初始位置和一个爆炸偏移。按 E 在 0 和 1 之间切换,用阻尼把偏移插值上去,不要瞬移。爆炸后能同时看见表壳、表盘、水晶、齿轮,彼此不重叠成一团。
光线:RoomEnvironment 烘焙到 scene.environment,ACES。相机是略俯视的转台,开启阻尼。左下角写明当前是合拢还是爆炸。
注释用中文,写清「零件 = mesh + home + explode」。不要做表带,不要做 UI 面板堆砌。
Single HTML, fully procedural mechanical watch lying flat. Warm-gold physical case, black dial, transmissive crystal, three hands driven by clock time, two meshing gears, an oscillating balance, ruby jewels. Key E eases between assembled and exploded using stored home positions and explode offsets. RoomEnvironment plus ACES. No strap, no glTF, no font textures. Chinese comments.