要件を明確にする
填入同一控制盒的尺寸和四个ID，确认展示目标。没有提供的材料、公差与制造方法，保留为待确认。
できたか確かめるポイント
対応リソースと3ステップの手順を開く 得到一张需求表，而不是一张看似准确的工程图。
ひとつの実例で、要件からウェブまで
分解できる
卓上制御ボックスを作ろう。
同じ部品でプロンプト、移動コード、オリジナルモデル、組み立てアニメーションをつなぎます。
アカウント不要・ローカル実行・AI API呼び出しなし
本次做完，你会得到一份自己能改的
一份自己能改的
产品展示小样
- 4个有固定ID的独立部件
- 带拆解与复位动画的GLB模型
- 可离线运行的网页和参数源码
虚构概念模型，适合学习。不是工程图，不适合制造或真实拆装。
表示言語を変更しました。資料本文・例・ライセンスは原文のままです。原題やプロジェクト名で検索できます。
まず同じ仕様表から
IDをそろえて、次の工程へ
原创虚构四层桌面控制盒。下表保留毫米、X右／Y后／Z上的源坐标；GLB按标准转换为米、Y向上。全部X、Y中心和偏移均为0。
| ID / 名称 | 寸法 X×Y×Z（mm） | 元の中心 Z | 分解時の移動量 Z |
|---|---|---|---|
baseベース | 90 × 60 × 12 | 6 | +0 |
circuit回路の模式部品 | 70 × 42 × 6 | 15 | +16 |
frame内枠 | 84 × 54 × 8 | 22 | +32 |
lid上ぶた | 90 × 60 × 10 | 31 | +48 |
文字规划先用包围盒。下载模型里的壳体、环框、电路色块与顶盖细节是本站另行给定的原创美术设定，不代表AI从尺寸推断了真实内部结构。
4つのステップで、ひとつの作品へ
部品と座標をそろえる
X向右、Y向后、Z向上，尺寸和中心均用毫米。先用四个包围盒验证位置，保留base、circuit、frame、lid。
できたか確かめるポイント
対応リソースと3ステップの手順を開く 四个中心的Z分别为6、15、22、31；编号不随展示顺序改变。
分解表示を確かめて元に戻す
运行资源里的原生Node示例，位置始终从原中心计算。分别试0、0.5、1，最后再回到0。
できたか確かめるポイント
対応リソースと3ステップの手順を開く 完全拆开后中心Z为6、31、54、79；归零回到6、15、22、31。
計画をウェブページにする
下载完整练习包，运行本地查看器，拖动、旋转，再播放模型里已有的动画。
できたか確かめるポイント
対応リソースと3ステップの手順を開く 看到四个独立部件连续拆开、停留并装回；暂停与进度控制都可用。
実際のモデルを、手動で開始
回転してから、組み立て動画を再生
開始すると3Dエンジンを読み込みます。ビューアーを閉じると描画が停止します。
小さなモデルで、最初の一歩を
モデルは自動ダウンロード・再生されません。先にガイドを読んでも構いません。
进入查看器后：拖动旋转，滚轮缩放；键盘可操作部件、拆解与播放控件。默认不播放。画面无法显示时，ビューアーを別に開く ↗，或继续用軽量な構造図。
持ち帰って、変えてみる
完整包包含本地依赖、模型、参数、构建器与许可。先解压到普通文件夹，不要在压缩包里直接启动。模型与网页均无外部贴图、字体或CDN。
第一次在自己电脑上运行
- 安装Node.js 22以降，解压练习包。
- 在解压后的文件夹打开终端，运行：
node server.mjs - 打开终端显示的本地地址。服务只监听本机，按Ctrl+C退出。
想改模型：调整parameters.json，再运行 node build-model.mjs。它会生成新的control-box-custom.glb，保留原模型；按README打开带 ?model=custom 的本地地址查看新模型。参数限制和报错处理见包内README。
哪些已经验证，哪些仍需要你试
模型与代码
原创分件、动画及下载包有可重复的生成与校验记录。查看器采用官方Three.js r186与GLTFLoader；完整版本与文件摘要随包保留。
验证范围
本站记录检查环境与结果，不把桌面浏览器结果当成真机触屏、读屏或制造验证。具体记录见検証について。四份提示词的实际Codex样例与评价另存プロンプト試用記録，不代表其他模型效果。
原创与许可
模型、参数和本站练习代码采用MIT；上游Three.js按MIT保留署名、完整许可与固定来源。提示词与原创导览采用CC BY 4.0。见オリジナル作品のライセンス及依存ライブラリーのライセンス。
这是教学起点，不会读取或上传你的模型。真实产品、商业素材和制造用途仍需各自核对与专业验证。