ESP32 S3 - Barregraphe LED à 10 segments
Ou vous pouvez acheter les kits suivants:
| 1 | × | Kit de Démarrage DIYables ESP32 S3 (ESP32 S3 inclus) | |
| 1 | × | Kit de Capteurs DIYables (18 capteurs/écrans) |
Ce tutoriel pour débutants vous montre comment utiliser l'ESP32 S3 avec un barregraphe LED à 10 segments pour créer des affichages visuels animés. Que vous construisiez un indicateur de niveau de batterie, un vumètre de signal ou une barre de progression, ce guide étape par étape vous permettra de démarrer rapidement.
Ce que vous allez construire dans ce tutoriel :
- Ce qu'est le barregraphe LED à 10 segments et comment il fonctionne
- Comment câbler le barregraphe LED à l'ESP32 S3
- Comment écrire et téléverser le code d'animation
- Comment observer et vérifier le résultat de l'animation de la barre
À propos du barregraphe LED à 10 segments
Le barregraphe LED à 10 segments est un composant d'affichage compact contenant dix LED rouges individuelles disposées en une barre linéaire. Chaque segment peut être contrôlé indépendamment via une broche GPIO dédiée, ce qui le rend idéal pour créer des indicateurs de niveau visuels, des effets animés et des affichages de progression. Il ne nécessite aucune bibliothèque externe — seulement la fonction intégrée digitalWrite().
Caractéristiques principales
Le barregraphe fonctionne à une tension directe d'environ 2V par segment, avec un courant direct maximal de 20mA. Une résistance limiteuse de courant de 220Ω est nécessaire sur chaque anode pour protéger les broches GPIO de l'ESP32 S3. Le composant compte 20 broches au total : 10 anodes (A1–A10) et 10 cathodes (K1–K10).
Brochage du barregraphe LED
Le barregraphe LED à 10 segments possède 20 broches disposées en 10 paires anode-cathode.
- A1–A10 (Anodes) — Une anode par segment LED ; connectez chacune à une broche GPIO via une résistance de 220Ω
- K1–K10 (Cathodes) — Une cathode par segment LED ; connectez-les toutes à GND
Schéma de câblage entre le barregraphe LED à 10 segments et l'ESP32 S3
Connectez chacune des dix broches anode (A1–A10) à une broche GPIO distincte de l'ESP32 S3 (GPIO 4, 5, 6, 7, 15, 16, 17, 18, 8 et 9) via une résistance individuelle de 220Ω, et connectez les dix broches cathode à un rail GND commun sur votre breadboard. Ces broches GPIO sont libres des broches de strapping de l'ESP32 S3 et des broches USB/flash, donc la carte démarre et se flashe normalement même avec le barregraphe branché. Les résistances de 220Ω limitent le courant à travers chaque segment LED et sont essentielles pour protéger les broches GPIO de l'ESP32 S3 contre les dommages.
Consignes de sécurité
Assurez-vous toujours que les résistances limiteuses de courant sont en place avant d'alimenter le circuit — piloter le barregraphe LED sans résistances peut dépasser le courant GPIO maximal de l'ESP32 S3 (40mA par broche), ce qui peut endommager la carte. Utilisez des résistances de 220Ω ou plus pour un fonctionnement sûr.
Cette image a été créée avec Fritzing. Cliquez pour agrandir l'image.
| Barregraphe LED | Broche ESP32 S3 |
|---|---|
| A1 (Anode 1) | GPIO4 (via 220Ω) |
| A2 (Anode 2) | GPIO5 (via 220Ω) |
| A3 (Anode 3) | GPIO6 (via 220Ω) |
| A4 (Anode 4) | GPIO7 (via 220Ω) |
| A5 (Anode 5) | GPIO15 (via 220Ω) |
| A6 (Anode 6) | GPIO16 (via 220Ω) |
| A7 (Anode 7) | GPIO17 (via 220Ω) |
| A8 (Anode 8) | GPIO18 (via 220Ω) |
| A9 (Anode 9) | GPIO8 (via 220Ω) |
| A10 (Anode 10) | GPIO9 (via 220Ω) |
| K1–K10 (Cathodes) | GND |
Code ESP32 S3 - Barregraphe LED à 10 segments
Le code suivant initialise les broches GPIO 4, 5, 6, 7, 15, 16, 17, 18, 8 et 9 en sorties et exécute une animation de barre en continu. Il remplit la barre de gauche à droite en allumant chaque segment avec une pause de 100ms entre chaque étape, maintient la barre pleine pendant 500ms, puis la vide de droite à gauche au même rythme. L'état actuel de la barre est affiché sur le moniteur série à chaque étape, produisant une représentation textuelle défilante de l'animation.
- Nouveau sur l'ESP32 S3 ? Suivez d'abord notre guide ESP32 S3 - Premiers pas.
- Configurez l'Arduino IDE avec la prise en charge de la carte ESP32 S3 installée.
- Câblez le barregraphe LED à l'ESP32 S3 en suivant le schéma de câblage ci-dessus, en insérant une résistance de 220Ω entre chaque broche anode et sa broche GPIO correspondante, et en connectant toutes les broches cathode à GND.
- Connectez l'ESP32 S3 à votre ordinateur à l'aide d'un câble USB-C.
- Ouvrez l'Arduino IDE.
- Sélectionnez la bonne carte ESP32 S3 dans Tools > Board et le bon port dans Tools > Port.
- Copiez le code ci-dessus et collez-le dans un nouveau sketch Arduino.
- Cliquez sur Upload pour compiler et flasher le code sur l'ESP32 S3.
- Observez le barregraphe LED : les segments doivent s'allumer un par un de gauche à droite, rester allumés brièvement, puis s'éteindre un par un de droite à gauche, en boucle continue.
- Ouvrez le moniteur série à 115200 bauds pour voir la représentation textuelle de l'animation de la barre en temps réel.
- Astuce : Tenez le barregraphe devant une surface sombre pour mieux apprécier l'effet d'animation — les 10 segments rouges vifs produisent une barre visuelle éclatante même en plein jour.
Résultat sur le moniteur série
Applications et idées de projets
Voici quelques façons pratiques d'étendre ce projet à des cas d'usage réels.
- Indicateur de niveau de batterie : Affichez l'état de charge sous forme de barre visuelle à 10 niveaux.
- Vumètre : Visualisez l'amplitude audio à partir d'un capteur de microphone.
- Indicateur de force du signal : Indiquez le niveau de signal WiFi ou cellulaire.
- Barre de progression : Affichez le pourcentage d'achèvement d'une tâche dans un projet d'automatisation.
- Indicateur de plage de température : Associez des valeurs de température à une échelle visuelle.
- Moniteur de niveau d'eau : Affichez l'état de remplissage d'un réservoir avec 10 niveaux distincts.
Défiez-vous
- Débutant : Connectez un potentiomètre et associez sa valeur analogique (0–4095) au nombre de segments allumés.
- Intermédiaire : Créez une animation de rebond où un seul segment se déplace d'avant en arrière.
- Avancé : Lisez le niveau sonore d'un module microphone et affichez l'amplitude en temps réel sur le barregraphe.
Vidéo du tutoriel
Regardez ci-dessous le tutoriel vidéo étape par étape pour ce projet ESP32 S3.