Describe the product first
Separate known dimensions, parts and presentation goals from details still to confirm.
Start with a simple product
Take it apart,make the product clear.
Modeling goes beyond a pretty picture. Identify the parts first, then plan exploded views, assembly and a web presentation.
Choose a starting pathOriginal prompts · Teaching code · Upstream projects and full licenses
The interface language has changed. Resource text, examples and licenses remain in their original language. Search using the original title or project name.
Try it for yourself first
Move the sliders to separate and reassemble the parts
Four original geometric parts, positioned and projected here. No external models or AI calls.
Fixed teaching demo · No CAD export · Not a real assembly procedure
04 · 顶盖：最后盖在上方，组成虚构的桌面控制盒。 所有尺寸仅为样品示意。
Finish one complete example
Bring this control box to your own web page
One brief and one set of IDs, connected to a real model and assembly animation. Download the source and model together.
Requirements → Parts → Presentation
Take the next step with what you have
Plan separation and reassembly
Preserve the original positions; plan offsets, labels and a continuous storyboard.
Bring the model to the web
Choose an engine or viewer and start with your own simple model made of separate parts.
第一次做产品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，软件与作品输出许可说明需分别理解。本专区没有分发其源码或插件。