機械式時計の分解図

元の投稿より

我也快速地用gemini 4 Argon 摸了一个3d交互网页 我选了"可拆解的机械腕表"做题目。 原因是它很考推理：齿轮要真的咬合、传动比要算对，部件多，还有拆解动画，比太阳系、汽车这类常见题目更容易拉开模型之间的差距。 提示词如下 ： 你是顶尖的创意技术专家，精通 Three.js、实时渲染和机械钟表结构。请做一个单文件网页 index.html：一只可交互、可拆解的自动上链机械腕表 3D 模型。 【硬性约束】 - 只输出一个完整的 index.html，双击就能在 Chrome 里运行，不需要构建工具或本地服务器。 - 用 importmap 引入 Three.js - 不加载任何外部模型、贴图或字体，所有几何体和纹理都用代码程序化生成。 - 输出完整代码，不要省略，不要写"此处略"。 【模型】 - 至少 30 个独立部件，包括：表壳、表耳、表冠、蓝宝石表镜、表盘（刻度和自拟品牌名用 Canvas 绘制）、时针、分针、秒针、发条盒、中心轮、三轮、四轮、擒纵轮、擒纵叉、摆轮与游丝、自动陀、夹板、螺丝、红宝石轴承。 - 齿轮要有真实齿形，啮合位置正确。先算好各齿轮的齿数和传动比，保证秒针 60 秒一圈、分针 60 分钟一圈、时针 12 小时一圈。 - 尺寸比例参照真实的 40mm 表径手表。 【材质与灯光】 - 使用 PBR 材质：拉丝和抛光不锈钢、镀金夹板、烤蓝螺丝、半透明红宝石，以及带透射和折射效果的蓝宝石玻璃（MeshPhysicalMaterial）。 - 用 RoomEnvironment 生成环境反射，开启 ACES 色调映射、柔和阴影和轻微的 bloom。 【动画】 - 指针显示本地的真实当前时间。 - 机芯要真实运转：摆轮往复摆动，擒纵叉和擒纵轮按节拍配合，各齿轮按自己的传动比转动。 【交互】 - 鼠标和触控都能旋转、缩放、平移，带阻尼。 - 鼠标悬停在部件上时描边高亮，并显示部件名。 - 点击部件时，相机平滑聚焦到它，同时弹出信息卡，写明名称、作用、齿数和转速。 - 控制面板包含： - 爆炸视图滑块（0–100%，沿轴向分层平滑拆开） - 剖切平面滑块 - 时间倍速（1x–3600x） - 表盘显示/隐藏 - 一键复位视角 【界面与性能】 - 中文界面，深色玻璃拟态风格，带加载动画，适配手机屏幕。 - 桌面端稳定 60fps：重复的部件用 InstancedMesh，devicePixelRatio 上限设为 2。 - 控制台不能有报错。 【工作方式】 1. 先写设计方案：部件清单、场景层级、齿轮齿数和传动比的计算过程。 2. 再写完整代码。 3. 最后对照上面每一条要求逐项自查，没做到的先改好，再输出最终版本。

— @lemomo_ai

你是顶尖的创意技术专家，精通 Three.js、实时渲染和机械钟表结构。请做一个单文件网页 index.html：一只可交互、可拆解的自动上链机械腕表 3D 模型。

【硬性约束】
- 只输出一个完整的 index.html，双击就能在 Chrome 里运行，不需要构建工具或本地服务器。
- 用 importmap 引入 Three.js
- 不加载任何外部模型、贴图或字体，所有几何体和纹理都用代码程序化生成。
- 输出完整代码，不要省略，不要写"此处略"。

【模型】
- 至少 30 个独立部件，包括：表壳、表耳、表冠、蓝宝石表镜、表盘（刻度和自拟品牌名用 Canvas 绘制）、时针、分针、秒针、发条盒、中心轮、三轮、四轮、擒纵轮、擒纵叉、摆轮与游丝、自动陀、夹板、螺丝、红宝石轴承。
- 齿轮要有真实齿形，啮合位置正确。先算好各齿轮的齿数和传动比，保证秒针 60 秒一圈、分针 60 分钟一圈、时针 12 小时一圈。
- 尺寸比例参照真实的 40mm 表径手表。

【材质与灯光】
- 使用 PBR 材质：拉丝和抛光不锈钢、镀金夹板、烤蓝螺丝、半透明红宝石，以及带透射和折射效果的蓝宝石玻璃（MeshPhysicalMaterial）。
- 用 RoomEnvironment 生成环境反射，开启 ACES 色调映射、柔和阴影和轻微的 bloom。

【动画】
- 指针显示本地的真实当前时间。
- 机芯要真实运转：摆轮往复摆动，擒纵叉和擒纵轮按节拍配合，各齿轮按自己的传动比转动。

【交互】
- 鼠标和触控都能旋转、缩放、平移，带阻尼。
- 鼠标悬停在部件上时描边高亮，并显示部件名。
- 点击部件时，相机平滑聚焦到它，同时弹出信息卡，写明名称、作用、齿数和转速。
- 控制面板包含：
  - 爆炸视图滑块（0–100%，沿轴向分层平滑拆开）
  - 剖切平面滑块
  - 时间倍速（1x–3600x）
  - 表盘显示/隐藏
  - 一键复位视角

【界面与性能】
- 中文界面，深色玻璃拟态风格，带加载动画，适配手机屏幕。
- 桌面端稳定 60fps：重复的部件用 InstancedMesh，devicePixelRatio 上限设为 2。
- 控制台不能有报错。

【工作方式】
1. 先写设计方案：部件清单、场景层级、齿轮齿数和传动比的计算过程。
2. 再写完整代码。
3. 最后对照上面每一条要求逐项自查，没做到的先改好，再输出最终版本。