Maquettes de Circuit Rétro

Une skill pour créer des maquettes de breadboard et des diagrammes visuels pour les projets d'informatique rétro et d'électronique. Cette skill exploite les mécanismes de dessin HTML5 Canvas pour afficher des layouts de circuits interactifs présentant des composants vintage comme le microprocesseur 6502, les circuits intégrés 555 timer, les EEPROMs et les portes logiques série 7400.

Quand utiliser cette Skill

• L'utilisateur demande de « créer un layout de breadboard » ou « maquetter un circuit »
• L'utilisateur veut visualiser le placement des composants sur un breadboard
• L'utilisateur a besoin d'une référence visuelle pour construire un ordinateur 6502
• L'utilisateur demande de « dessiner un circuit » ou « diagrammer de l'électronique »
• L'utilisateur veut créer des visuels éducatifs d'électronique
• L'utilisateur mentionne des tutoriels Ben Eater ou des projets d'informatique rétro
• L'utilisateur demande de maquetter des circuits 555 timer ou des projets LED
• L'utilisateur a besoin de visualiser les connexions de fils entre les composants

Prérequis

• Compréhension des pinouts des composants à partir des fichiers de référence fournis
• Connaissance des conventions de layout de breadboard (lignes, colonnes, rails d'alimentation)

Composants Supportés

Microprocesseurs et Mémoire

ICs Logiques et Timer

Composants Passifs et Actifs

Système de Grille

// Grille de breadboard standard : espacement 20px
const gridSize = 20;
const cellX = Math.floor(x / gridSize) * gridSize;
const cellY = Math.floor(y / gridSize) * gridSize;

Modèle de Rendu des Composants

// Tous les composants suivent cette structure :
{
  type: 'component-type',
  x: gridX,
  y: gridY,
  width: componentWidth,
  height: componentHeight,
  rotation: 0,  // 0, 90, 180, 270
  properties: { /* données spécifiques au composant */ }
}

Connexions de Fils

// Format de connexion de fil :
{
  start: { x: startX, y: startY },
  end: { x: endX, y: endY },
  color: '#ff0000'  // Codage couleur du fil
}

Workflows Étape par Étape

Créer une Maquette de Circuit LED Basique

1. Définir les dimensions et la grille du breadboard
2. Placer les connexions des rails d'alimentation (+5V et GND)
3. Ajouter un composant LED avec orientation anode/cathode
4. Placer une résistance limitant le courant
5. Dessiner les connexions de fils entre les composants
6. Ajouter des étiquettes et des annotations

Créer un Circuit 555 Timer

1. Placer le circuit intégré NE555 sur le breadboard (broches 1-4 à gauche, 5-8 à droite)
2. Connecter la broche 1 (GND) au rail de masse
3. Connecter la broche 8 (Vcc) au rail d'alimentation
4. Ajouter les résistances et condensateurs de timing
5. Câbler les connexions trigger et threshold
6. Connecter la sortie à une LED ou autre charge

Créer un Layout de Microprocesseur 6502

1. Placer le W65C02S au centre du breadboard
2. Ajouter une EEPROM 28C256 pour le stockage du programme
3. Placer un VIA W65C22 pour l'E/S
4. Ajouter la logique série 7400 pour le décodage d'adresse
5. Câbler le bus d'adresse (A0-A15)
6. Câbler le bus de données (D0-D7)
7. Connecter les signaux de contrôle (R/W, PHI2, RESB)
8. Ajouter un bouton reset et un quartz d'horloge

Référence Rapide des Pinouts des Composants

555 Timer (DIP 8 broches)

W65C02S (DIP 40 broches) - Broches Clés

EEPROM 28C256 (DIP 28 broches) - Broches Clés

Référence des Formules

Calculs de Résistances

• Loi d'Ohm : V = I × R
• Courant LED : R = (Vcc - Vled) / Iled
• Puissance : P = V × I = I² × R

Formules 555 Timer

Mode Astable :

• Fréquence : f = 1,44 / ((R1 + 2×R2) × C)
• Temps haut : t₁ = 0,693 × (R1 + R2) × C
• Temps bas : t₂ = 0,693 × R2 × C
• Rapport cyclique : D = (R1 + R2) / (R1 + 2×R2) × 100%

Mode Monostable :

• Largeur d'impulsion : T = 1,1 × R × C

Calculs de Condensateurs

• Réactance capacitive : Xc = 1 / (2πfC)
• Énergie stockée : E = ½ × C × V²

Conventions de Codage Couleur

Couleurs de Fils

Couleurs de LED

Exemples de Construction

Construction 1 — LED Unique

Composants : LED rouge, résistance 220Ω, fils de liaison, source d'alimentation

Étapes :

1. Insérer un fil de liaison noir de la masse d'alimentation à la ligne A5
2. Insérer un fil de liaison rouge de +5V d'alimentation à la ligne J5
3. Placer la LED avec la cathode (patte courte) alignée avec la GND
4. Placer la résistance 220Ω entre l'alimentation et l'anode de la LED

Construction 2 — Clignoteur 555 Astable

Composants : NE555, LED, résistances (10kΩ, 100kΩ), condensateur (10µF)

Étapes :

1. Placer le circuit intégré 555 chevauchant le canal central
2. Connecter la broche 1 à GND, la broche 8 à +5V
3. Connecter la broche 4 à la broche 8 (désactiver le reset)
4. Câbler 10kΩ entre la broche 7 et +5V
5. Câbler 100kΩ entre les broches 6 et 7
6. Câbler 10µF entre la broche 6 et GND
7. Connecter la broche 3 (sortie) au circuit LED

Dépannage

Références

Les spécifications détaillées des composants sont disponibles dans les fichiers de référence fournis :

• 555.md - Spécification complète du circuit intégré 555 timer
• 6502.md - Détails du microprocesseur MOS 6502
• 6522.md - Adaptateur d'interface W65C22 VIA
• 28256-eeprom.md - Spécification EEPROM AT28C256
• 6C62256.md - Détails SRAM 62256
• 7400-series.md - Pinouts des portes logiques TTL
• assembly-compiler.md - Spécification du compilateur assembly
• assembly-language.md - Spécification du langage assembly
• basic-electronic-components.md - Résistances, condensateurs, interrupteurs
• breadboard.md - Spécifications du breadboard
• common-breadboard-components.md - Référence complète des composants
• connecting-electronic-components.md - Guides de construction étape par étape
• emulator-28256-eeprom.md - Spécification d'émulation 28256-eeprom
• emulator-6502.md - Spécification d'émulation 6502
• emulator-6522.md - Spécification d'émulation 6522
• emulator-6C62256.md - Spécification d'émulation 6C62256
• emulator-lcd.md - Spécification d'émulation LCD
• lcd.md - Interfaçage d'affichage LCD
• minipro.md - Utilisation du programmeur EEPROM
• t48eeprom-programmer.md - Référence du programmeur T48