← 返回全部作品

三维交互 / CASE STUDY

三维电气互动教材

从原厂 CAD 到可以观察、拆解与讲解的学习体验

时间
2026
我的角色
教学需求、来源核对与 AI 协作制作
关键词
原厂 CAD · Three.js · 交互教学
真实项目画面 · 点击查看大图

要解决的问题

电气器件的照片可以呈现外观,理解内部结构却常常需要换角度观察、对照部件和寻找装配关系。三维电气互动教材把这些动作放进浏览器,让学习者旋转、缩放、选择部位,并在展开过程中观察零件之间的位置。项目包含 PLC、接触器和其他硬件课程,本次重点展示 NXC-09 交流接触器。

我的工作与关注点

我围绕“能否讲清楚结构”组织教学需求,持续检查部件名称、标注位置、颜色与拆解方式。模型制作首先要说明来源:哪些几何来自原厂,哪些文字、配色和界面属于教学补充。对原始资料没有提供的内部细节,保持缺项说明。制作过程中,我特别关注拆解是否符合装配关系,以及重新合拢后能否回到原始位置。

NXC-09 的交互设计

NXC-09 页面以外观认识、拆开观察、内部机构和原理导览组织内容。学习者可以查看线圈、静铁芯、衔铁与触头架等部位,也可以用进度滑杆停在任意拆解状态。展开沿壳体前后方向分层,螺丝、接线件和叠片跟随所属组件,帮助保留“这个零件属于哪里”的关系。

网页动作从保存的基准姿态计算,复位恢复装配位置。标注与模型观察结合,遮挡的部位使用相应引导。原理导览依次说明线圈得电、衔铁吸合、触头切换与失电复位。这个过程把结构观察与功能理解连接起来,同时保持教学展开和真实维修步骤之间的明确边界。

AI 协作与第三方来源

AI 辅助模型处理流程、网页代码、标注和文档整理;原厂 CAD、Three.js 和相关解码工具构成基础。NXC-09 使用原厂详细系列装配,网页中的中文识别信息与展示布局是教学补充。其他教材逐项记录来源,按官方资料自建的模型单独标识。品牌、原厂模型及开源依赖的权利说明随交付材料保留。

验证与交付

交付包括在线页面、独立离线教材、制作源与验证记录。检查不仅关注模型是否加载,也关注展开中间状态、标注是否跟随、部件是否错位,以及复位是否正确。归档中的桌面浏览器、离线与嵌入检查有各自范围;真实手机、触屏及具体教材平台的表现需要对应设备验证,不能由桌面结果代替。

当前边界与收获

公开 CAD 的精细程度因型号而异,部分器件没有完整内部机构。教学平移距离也不表示实际行程或维修顺序。这个项目让我更重视来源与表达的关系:先确认材料支持哪些结论,再设计可以帮助观察的交互,把未知与已知同时说明清楚,才能让三维展示具有持续的教学价值。

体验 NXC-09 教材 · 查看公开代码

TRY IT YOURSELF

转一转,拆开看看。

拖动旋转、查看端子,用“拆开观察”了解组件的位置,再点击“复位”恢复。

独立打开演示 ↗
NXC-09 接触器三维模型预览

一只接触器,
从外观到内部。

旋转、缩放、部位标注与分阶段展开。点击后加载原有公开教材,可能需要片刻等待。

尚未加载三维资源。

模型来源:正泰 NXC-06~16 原厂系列 CAD;教学展开不等同于维修步骤。
新窗口打开 ↗