制作编程电路图动画可以通过以下步骤进行：
设计动画概念
确定动画的主题和故事情节。
明确要传达的信息和目标受众，选择合适的动画风格和元素。
规划动画流程
制定详细的动画流程计划，将动画分解成不同的场景和动画序列。
确定每个场景的持续时间和过渡效果。
确定绘图工具
选择适合的绘图工具，如Flash CS3及以上版本、Animate CC、或其他数字绘图软件。
创建动画资源
画一个简单的电路图。
将灯泡和开关转换为影片剪辑，并添加必要的代码（如stop（））。
创建一个透明的矩形覆盖开关，用于操作。
编写动画代码
在主时间轴添加代码，控制开关和灯泡的交互。
可以使用ActionScript 3.0（AS3）进行编程。
调试和测试
运行动画，检查其流畅性、时间控制和交互性。
修复可能出现的bug，并进行优化和改进。
发布和分享
将动画发布到在线平台，或制作成视频文件。
嵌入到网站或应用程序中，与他人分享。
示例代码（ActionScript 3.0）
```actionscript
// 导入必要的库
import flash.display.Sprite；
import flash.events.MouseEvent；
// 创建灯泡和开关的影片剪辑实例
var light_mc:Sprite = new Sprite（）；
var btn_switch:Sprite = new Sprite（）；
// 添加灯泡影片剪辑
light_mc.graphics.beginFill（0xFF0000）；
light_mc.graphics.drawRect（0, 0, 50, 50）；
light_mc.graphics.endFill（）；
light_mc.name = "light_mc"；
light_mc.buttonMode = true；
light_mc.addEventListener（MouseEvent.CLICK, toggleLight）；
// 添加开关影片剪辑
btn_switch.graphics.beginFill（0x0000FF）；
btn_switch.graphics.drawRect（0, 0, 50, 50）；
btn_switch.graphics.endFill（）；
btn_switch.name = "btn_switch"；
btn_switch.buttonMode = true；
btn_switch.addEventListener（MouseEvent.CLICK, toggleSwitch）；
// 添加到显示列表
addChild（light_mc）；
addChild（btn_switch）；
// 开关状态变量
var isSwitchOn:Boolean = false；
// 切换灯泡状态的函数
function toggleLight（event:MouseEvent）:void {
if （isSwitchOn） {
light_mc.gotoAndStop（1）； // 灯泡熄灭
} else {
light_mc.gotoAndStop（2）； // 灯泡亮起
}
isSwitchOn = !isSwitchOn；
}
// 切换开关状态的函数
function toggleSwitch（event:MouseEvent）:void {
isSwitchOn = !isSwitchOn；
}
```
使用其他工具
除了Flash和ActionScript，还可以考虑使用其他工具制作电路图动画，例如：
Adobe Animate（原Flash的升级版）：支持更现代的动画制作和交互功能。
After Effects：用于制作高质量的动画和视觉效果，适合复杂的电路图动画。
Circuit Simulator：专门的电路图模拟软件，可以模拟电路的工作状态。
通过以上步骤和工具，你可以创建出交互式的编程电路图动画。