シンプルな製品から始める

分けて見て、製品を分かりやすく。

モデリングは、きれいな画像を作るだけではありません。部品を決めてから、分解図・組み立て・ウェブでの表示を計画します。

オリジナルのプロンプト・学習コード・公式プロジェクトとライセンス全文

表示言語を変更しました。資料本文・例・ライセンスは原文のままです。原題やプロジェクト名で検索できます。

まずは動かしてみる

スライダーで分解と組み立てを試す

4つのオリジナル形状の位置を計算し、投影して表示します。外部モデルの読み込みやAI呼び出しはありません。

分解の度合い 55%見る角度 -35°

固定の学習用見本・CAD出力なし・実際の分解組立手順ではありません

04 · 顶盖：最后盖在上方，组成虚构的桌面控制盒。所有尺寸仅为样品示意。

ひとつの実例を完成させる

同じ要件とIDで、実際のモデルと組み立てアニメーションへ。ソースとモデルをまとめてダウンロードできます。

要件 → 部品分け → 表示

寸法、部品、表示の目的について、確定事項と未確認事項を分けます。

元の位置を残し、移動量、番号、連続した紹介用絵コンテを決めます。

エンジンかビューアーを選び、自分で作った簡単な分割モデルから始めます。

只有一张产品照片时，先整理外形和待确认信息。图片不能证明内部结构；一个合并网格也不会自动变成可拆零件。首次从自己的简单几何模型开始。

爆炸图的位移是为便于观看安排的，不是安全拆装教程。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，软件与作品输出许可说明需分别理解。本专区没有分发其源码或插件。

ガイド付きの8つの資料。まず小さな目標をひとつ終えてから、複雑なものへ。