← 返回全部作品

教学可视化 / CASE STUDY

电气控制电路动画

把原理图、接线图与操作结果放在同一条时间线上

时间
2026
我的角色
原图对照、动作逻辑与 AI 协作制作
关键词
电机控制 · 状态同步 · 离线 HTML
真实项目画面 · 点击查看大图

要解决的问题

电气控制图中,同一个接触器会以线圈、主触点和辅助触点出现在不同位置。初学者不仅要认出符号,还要理解它们在什么条件下同时变化。这个项目把原理图、器件接线图和操作区域结合起来,让按钮动作、线路状态与设备响应可以互相对照,帮助学习者追踪一段完整的控制过程。

我的工作与关注点

我以课程原图和真实操作语义为依据,检查元件名称、端子编号、导线颜色、动作方向与响应顺序。关注点既包括图纸是否清楚,也包括按下和松开按钮之后发生什么。制作过程中持续核对自锁、互锁、延时与停止等行为,避免把复杂电路简化成只有播放和暂停的演示。每项调整都围绕学习者能否理解具体关系展开。

同一状态,多处观察

课程覆盖点动、连续运行、正反转、顺序控制、自动往返和降压起动等电机控制场景。左侧操作区、原理图按钮和接线图器件共享状态,从不同位置操作同一按钮时,其他视图跟随更新。图纸保留原图对照入口,学习者可以在教学表达和源材料之间来回核查。

动作按照电气因果推进:控制支路接通,线圈显示得电,随后触点切换,主回路状态再影响电机。点动按钮松开后恢复;建立自锁的电路通过自锁支路保持。停止、分闸和过载会中断相应过程。教学动画使用可观察的时间尺度,帮助看清先后关系,并不把这个时间尺度写成器件的真实参数。

图面组织与 AI 协作

接线图通过线束主干和分线视图处理导线较多时的阅读压力,切换显示方式保持原有电气连接。AI 辅助实现交互、动画和验证代码,我围绕原图与教学要求核对结果。原始图纸、参考材料及历史版本保留,项目编写的界面与动画和外部来源各有边界,便于后续追溯与修订。

验证与交付

成品按课程封装成独立 HTML,资源随文件提供,可以单独复制和改名后使用。归档记录包含电气逻辑、教学时序、跨视图操作、按钮释放和离线使用检查。验证时需要同时观察图面与行为:一根线显示为通电,必须对应实际连通状态;原理图和接线图中的同一线圈,也应在同一时刻变化。

当前边界与收获

这是一套帮助理解原理的教学材料,画面中的传播效果用于解释状态,不描述电流在真实导线中的传播速度,也不代替实际接线训练。对我而言,最有价值的部分是把“看起来会动”进一步细化为可检查的问题:动作由什么触发、哪些条件让它保持、在哪里被中断,以及不同视图是否给出一致的解释。