业务痛点
机械结构展示中，静态讲解与交互演示面临的典型挑战。
1
结构讲解靠静态图
机械总成结构、运动关系与零件配合靠静态图纸或视频讲解，难以直观理解。
2
交互演示门槛高
实时三维交互演示依赖专业建模与开发，成本高、迭代慢。
3
视角与材质受限
静态展示难以多视角观察、无法切换材质与灯光对比。
4
部署与传播不便
重型三维演示难以轻量部署与跨端传播。
解决方案概述
机械总成交互展厅以 Three.js/WebGL 实时渲染多个可交互机械总成：直列四缸引擎呈现曲柄滑块机构与 1-3-4-2 点火顺序，可点火/熄火调油门；齿轮传动组呈现四级直齿轮减速，光标滑动赋予角动量观察减速比；四自由度关节机械臂以闭式两段 IK 让末端跟随光标、一键控制夹爪张合。支持爆炸视图、视角旋转/重置/自动旋转、材质（喷漆红/抛光钢/拉丝铝/工业灰）与灯光切换，把机械结构以可操作的三维方式直观呈现。
核心功能
覆盖引擎到机械臂的 6 项核心能力。
直列四缸引擎
曲柄滑块机构与 1-3-4-2 点火顺序，可点火/熄火调油门。
齿轮传动组
四级直齿轮减速，光标滑动赋予角动量观察减速比。
四自由度机械臂
闭式两段 IK 末端跟随光标，一键控制夹爪张合。
爆炸与视角
爆炸视图、视角旋转/重置/自动旋转多模式观察。
材质与灯光
喷漆红/抛光钢/拉丝铝/工业灰材质与灯光实时切换。
总成索引
多总成一键切换，结构关系与亮点逐项呈现。
3 套
交互总成
WebGL
渲染引擎
4 种
材质方案
✓
交互操控