先把产品讲清楚
尺寸、部件和展示目标，先分清已知与待确认。
先动手看一次
拖动滑块，试一次拆开与合上
四个原创几何部件，计算位置后投影显示。不加载外部模型，不调用AI。
固定教学样品 · 无CAD导出 · 不代表真实拆装工艺
04 · 顶盖：最后盖在上方，组成虚构的桌面控制盒。 所有尺寸仅为样品示意。
做完一个完整案例
把这个控制盒带到你自己的网页
同一份需求、同一组编号，连到真实模型和装配动画。源码与模型可一起下载。
需求 → 分件 → 展示
按你手上的材料，往下一步走
规划怎么拆、怎么合
保留原位，安排位移、编号和连续的展示分镜。
把模型带到网页
选择一个引擎或查看器，从自己的简单分件模型开始。
第一次做产品3D，先避开这几个坑
有模型，才能安排部件
只有一张产品照片时，先整理外形和待确认信息。图片不能证明内部结构；一个合并网格也不会自动变成可拆零件。首次从自己的简单几何模型开始。
展示动画与制造模型分开
爆炸图的位移是为便于观看安排的，不是安全拆装教程。GLB/glTF常用于网页展示；精确设计还需适合的CAD流程，统一单位、原点、部件ID和坐标方向。
工具开源，素材仍要单独看
这次收录Three.js的MIT，以及model-viewer、Babylon.js的Apache-2.0。导览保留原作者、固定提交和完整许可。模型、贴图、字体、商标和付费服务另查许可，不能把软件许可套到所有演示素材上。
先有一个小样，再追求细节
先准备4个左右的分件，完成拆开、合上和标注，再考虑复杂材质、自动播放或大模型。手机和慢网可先显示静态海报、手动滑块；实际设备性能需另测。
官方资料核对：2026-10-23；本页是轻量几何示意；完整实战页另提供Three.js本地运行案例、原创分件GLB与动画。model-viewer和Babylon.js导览尚未在本站安装实测。模型响应与具体设备验证状态见实战页记录。
想进一步学习视觉建模，可看Blender官方教程；该软件采用GPL，软件与作品输出许可说明需分别理解。本专区没有分发其源码或插件。