AI Skills
legacy-circuit-mockups

legacy-circuit-mockups

热门

使用HTML5 Canvas绘图技术生成面包板电路模型和可视化图表。当被要求创建电路布局、可视化电子元件放置、绘制面包板图、模拟6502构建、生成复古计算机原理图或设计复古电子项目时使用。支持555定时器、W65C02S微处理器、28C256 EEPROM、W65C22 VIA芯片、7400系列逻辑门、LED、电阻、电容、开关、按钮、晶振和导线。

3.6万Star
4556Fork
更新于 2026/7/13
获取 Skill源代码

相关 Skills

frontend-ui-engineering7.7万ui-ux-designer4.4万oversized-cursor3.6万
SKILL.md
readonly只读
name
legacy-circuit-mockups
description

使用HTML5 Canvas绘图技术生成面包板电路模型和可视化图表。当被要求创建电路布局、可视化电子元件放置、绘制面包板图、模拟6502构建、生成复古计算机原理图或设计复古电子项目时使用。支持555定时器、W65C02S微处理器、28C256 EEPROM、W65C22 VIA芯片、7400系列逻辑门、LED、电阻、电容、开关、按钮、晶振和导线。

Legacy Circuit Mockups

一个用于创建面包板电路模型和可视化图表的技能，适用于复古计算和电子项目。该技能利用HTML5 Canvas绘图机制渲染交互式电路布局，包含6502微处理器、555定时器IC、EEPROM和7400系列逻辑门等复古元件。

何时使用此技能

  • 用户要求“创建面包板布局”或“模拟电路”
  • 用户想要可视化面包板上的元件放置
  • 用户需要构建6502计算机的视觉参考
  • 用户要求“绘制电路”或“绘制电子图表”
  • 用户想要创建教育性电子视觉内容
  • 用户提到Ben Eater教程或复古计算项目
  • 用户要求模拟555定时器电路或LED项目
  • 用户需要可视化元件之间的导线连接

先决条件

  • 理解附带参考文件中的元件引脚定义
  • 了解面包板布局惯例（行、列、电源轨）

支持的元件

微处理器与存储器

元件 引脚 描述
W65C02S 40-pin DIP 8位微处理器，16位地址总线
28C256 28-pin DIP 32KB并行EEPROM
W65C22 40-pin DIP 多功能接口适配器（VIA）
62256 28-pin DIP 32KB静态RAM

逻辑与定时器IC

元件 引脚 描述
NE555 8-pin DIP 定时器IC，用于定时和振荡
7400 14-pin DIP 四2输入与非门
7402 14-pin DIP 四2输入或非门
7404 14-pin DIP 六反相器（非门）
7408 14-pin DIP 四2输入与门
7432 14-pin DIP 四2输入或门

无源与有源元件

元件 描述
LED 发光二极管（多种颜色）
电阻 限流（可配置值）
电容 滤波和定时（陶瓷/电解）
晶振 时钟振荡器
开关 拨动开关（自锁）
按钮 瞬时按键
电位器 可变电阻
光敏电阻 光敏电阻

网格系统

// 标准面包板网格：20px间距
const gridSize = 20;
const cellX = Math.floor(x / gridSize) * gridSize;
const cellY = Math.floor(y / gridSize) * gridSize;

元件渲染模式

// 所有元件遵循此结构：
{
  type: 'component-type',
  x: gridX,
  y: gridY,
  width: componentWidth,
  height: componentHeight,
  rotation: 0,  // 0, 90, 180, 270
  properties: { /* 元件特定数据 */ }
}

导线连接

// 导线连接格式：
{
  start: { x: startX, y: startY },
  end: { x: endX, y: endY },
  color: '#ff0000'  // 导线颜色编码
}

分步工作流程

创建基本LED电路模型

  1. 定义面包板尺寸和网格
  2. 放置电源轨连接（+5V和GND）
  3. 添加LED元件，标明阳极/阴极方向
  4. 放置限流电阻
  5. 绘制元件之间的导线连接
  6. 添加标签和注释

创建555定时器电路

  1. 在面包板上放置NE555 IC（引脚1-4在左，5-8在右）
  2. 将引脚1（GND）连接到地轨
  3. 将引脚8（Vcc）连接到电源轨
  4. 添加定时电阻和电容
  5. 连接触发和阈值引脚
  6. 将输出连接到LED或其他负载

创建6502微处理器布局

  1. 将W65C02S居中放置在面包板上
  2. 添加28C256 EEPROM用于程序存储
  3. 放置W65C22 VIA用于I/O
  4. 添加7400系列逻辑用于地址译码
  5. 连接地址总线（A0-A15）
  6. 连接数据总线（D0-D7）
  7. 连接控制信号（R/W、PHI2、RESB）
  8. 添加复位按钮和时钟晶振

元件引脚快速参考

555定时器（8-pin DIP）

引脚 名称 功能
1 GND 地（0V）
2 TRIG 触发（< 1/3 Vcc开始定时）
3 OUT 输出（源/灌200mA）
4 RESET 低电平有效复位
5 CTRL 控制电压（用10nF旁路）
6 THR 阈值（> 2/3 Vcc复位）
7 DIS 放电（集电极开路）
8 Vcc 电源（+4.5V至+16V）

W65C02S（40-pin DIP）- 关键引脚

引脚 名称 功能
8 VDD 电源
21 VSS 地
37 PHI2 系统时钟输入
40 RESB 低电平有效复位
34 RWB 读/写信号
9-25 A0-A15 地址总线
26-33 D0-D7 数据总线

28C256 EEPROM（28-pin DIP）- 关键引脚

引脚 名称 功能
14 GND 地
28 VCC 电源
20 CE 芯片使能（低电平有效）
22 OE 输出使能（低电平有效）
27 WE 写使能（低电平有效）
1-10, 21-26 A0-A14 地址输入
11-19 I/O0-I/O7 数据总线

公式参考

电阻计算

  • 欧姆定律： V = I × R
  • LED电流： R = (Vcc - Vled) / Iled
  • 功率： P = V × I = I² × R

555定时器公式

非稳态模式：

  • 频率：f = 1.44 / ((R1 + 2×R2) × C)
  • 高电平时间：t₁ = 0.693 × (R1 + R2) × C
  • 低电平时间：t₂ = 0.693 × R2 × C
  • 占空比：D = (R1 + R2) / (R1 + 2×R2) × 100%

单稳态模式：

  • 脉冲宽度：T = 1.1 × R × C

电容计算

  • 容抗：Xc = 1 / (2πfC)
  • 存储能量：E = ½ × C × V²

颜色编码约定

导线颜色

颜色 用途
红色 +5V / 电源
黑色 地
黄色 时钟 / 定时
蓝色 地址总线
绿色 数据总线
橙色 控制信号
白色 通用

LED颜色

颜色 正向电压
红色 1.8V - 2.2V
绿色 2.0V - 2.2V
黄色 2.0V - 2.2V
蓝色 3.0V - 3.5V
白色 3.0V - 3.5V

构建示例

构建1 — 单LED

元件： 红色LED、220Ω电阻、跳线、电源

步骤：

  1. 将黑色跳线从电源GND插入A5行
  2. 将红色跳线从电源+5V插入J5行
  3. 放置LED，阴极（短腿）与GND对齐的行
  4. 在电源和LED阳极之间放置220Ω电阻

构建2 — 555非稳态闪烁器

元件： NE555、LED、电阻（10kΩ、100kΩ）、电容（10µF）

步骤：

  1. 将555 IC跨放在中心通道上
  2. 将引脚1连接到GND，引脚8连接到+5V
  3. 将引脚4连接到引脚8（禁用复位）
  4. 在引脚7和+5V之间连接10kΩ电阻
  5. 在引脚6和7之间连接100kΩ电阻
  6. 在引脚6和GND之间连接10µF电容
  7. 将引脚3（输出）连接到LED电路

故障排除

问题 解决方案
LED不亮 检查极性（阳极接+，阴极接-）
电路不供电 检查电源轨连接
IC不工作 检查VCC和GND引脚连接
555不振荡 检查阈值/触发电容接线
微处理器卡住 检查复位脉冲后RESB是否为高电平

参考

详细的元件规格可在附带的参考文件中找到：