产品装配 · 拆解 3D 演示

基于各组件的真实 3D 模型,在浏览器中实时呈现装配与拆解过程。 可拖拽旋转、滚轮缩放,并播放 / 拖动进度查看每个组件的就位顺序。

0%

提示:按住鼠标左键拖拽旋转,滚轮缩放;拖动上方进度条可手动定位到任意装配阶段。

如何扩展为更多 / 真实组件?
当前展示的是由组件照片经 AI 图生 3D(混元 3D)生成的真实模型。 若要增减组件或换成你自己的设备,只需两步:

1. 准备各组件的真实 3D 模型(GLB),放入 assembly/models/;
2. 编辑 assembly/models.json,为每件组件填写 url 与「装配位置 / 爆炸位置(pos / rot / scale / fitSize)」即可,脚本会自动加载并动画,无需改动 JS。

装配 / 拆解动画完全由 models.json 驱动,增删组件、调整顺序与空间布局都在配置里完成。