Afficher des pictos sur une matrice de led 8X8 : Différence entre versions

Version actuelle datée du 11 décembre 2020 à 10:38

Comment créer des pictogrammes ou des images pour les afficher sur une matrice de Led 8X8

Auteur Antony Le Goïc-Auffret | Dernière modification 11/12/2020 par Antonydbzh

Difficulté

Facile

Durée

30 minute(s)

Disciplines scientifiques

Arduino

Comment créer des pictogrammes ou des images pour les afficher sur une matrice de Led 8X8

Difficulté

Facile

Durée

30 minute(s)

Disciplines scientifiques

Arduino

Sommaire

1 Introduction
2 Étape 1 - Réunissez le matériel près de votre ordinateur
3 Étape 2 - Préparer Arduino et les images
4 Étape 3 - Créez vos propres images
5 Étape 4 - Réaliser des animations : Space Invaders
6 Étape 5 - Brancher la matrice de LED
7 Étape 6 - Branchement et code pour utiliser un Wemos D1 mini
8 Éléments pédagogiques
- 8.1 Sources et ressources
9 Commentaires

Licence : Attribution (CC-BY)

Introduction

Les matrices de Led 8X8 permettent d'afficher des images facile à fabriquer, nous allons voir comment.

Matériel et outils
Fichiers

FichePedaMatriceDeLed8X8.pdf

MatriceLed8X8-Smiley.ino

MatriceLed8X8-battementCoeur.ino

MatriceLed8X8-SpaceInvader.ino

MatriceLed8X8-battementCoeur-wemos.ino

Étape 1 - Réunissez le matériel près de votre ordinateur

Étape 2 - Préparer Arduino et les images

Nous allons utiliser la bibliothèque LedControl (pour l'installer cliquer "outil" puis "Gérer les bibliothèques" est dans la recherche vous tapez LedControl et suivez les instructions).

Pour afficher un smiley, je mettrais le programme bientôt ici.

Étape 3 - Créez vos propres images

Vous pouvez utiliser le fichier disponible dans la liste du matériel pour vous aider à dessiner des image en "Pixel Art" et en déduire le code à mettre dans le programme Arduino.

Étape 4 - Réaliser des animations : Space Invaders

Le cinéma c'est c'est une succession d'images, nous allons faire pareil avec le code "MatriceLed8X8-battementCoeur.ino" (voir dans la liste du matériel, onglet "Fichiers").

Chargez le code sur l'arduino, puis passez à l'étape suivante : le branchement de la matrice de LED.

Étape 5 - Brancher la matrice de LED

Suivez les indications de branchement telles qu'elles sont présentées dans l'en-tête du programme : {

Étape 6 - Branchement et code pour utiliser un Wemos D1 mini

Brochage sur le Wemos D1 mini :

VCC -> VCC
GND -> GND
DIn -> D5
CS -> D7
CLK -> D6

Éléments pédagogiques

Sources et ressources

Le site de l'artiste qui colle des space invaders sur les murs des villes du monde.

Un site permettant d'encoder des image et de créer facilement des animations : Led Matrix Editor

Dernière modification 11/12/2020 par user:Antonydbzh.

Commentaires

Published

@@ Ligne 3 : / Ligne 3 : @@
 |Licences=Attribution (CC-BY)
 |Description=Comment créer des pictogrammes ou des images pour les afficher sur une matrice de Led 8X8
-|Area=Arduino
+|Disciplines scientifiques=Arduino
 |Difficulty=Easy
 |Duration=30
 |Duration-type=minute(s)
-|Tags=space-invaders
+|Tags=space-invaders, wemos, D1 mini, LOLIN, LOLIN D1 Mini
 }}
 {{Introduction
@@ Ligne 20 : / Ligne 20 : @@
 |Item=Matrice de LED 8X8 - Max7219
 }}{{ItemList
-|Item=Cable Dupont
+|Item=D1 mini
 }}
 |Tuto_Attachments={{Tuto Attachments
 |Attachment=FichePedaMatriceDeLed8X8.pdf
+}}{{Tuto Attachments
+|Attachment=MatriceLed8X8-Smiley.ino
+}}{{Tuto Attachments
+|Attachment=MatriceLed8X8-battementCoeur.ino
+}}{{Tuto Attachments
+|Attachment=MatriceLed8X8-SpaceInvader.ino
+}}{{Tuto Attachments
+|Attachment=MatriceLed8X8-battementCoeur-wemos.ino
 }}
 }}
-{{Separator}}
 {{Tuto Step
 |Step_Title=Réunissez le matériel près de votre ordinateur
@@ Ligne 36 : / Ligne 43 : @@
 Pour afficher un smiley, je mettrais le programme bientôt ici.
-/////////////////////////////////
-//                             //
-//      Afficher des Pictos .  //
-//  Sur une matrice de LED 8X8 //
-//                             //
-/////////////////////////////////
-/*                                        +-----+
-             +----[PWR]-------------------| USB |--+
-             |                            +-----+  |
-             |         GND/RST2  [ ][ ]            |
-             |       MOSI2/SCK2  [ ][ ]  A5/SCL[ ] |
-             |          5V/MISO2 [ ][ ]  A4/SDA[ ] |
-             |                             AREF[ ] |
-             |                              GND[ ] |
-             | [ ]N/C                    SCK/13[ ] |
-             | [ ]IOREF                 MISO/12[X] |   DataIn (ou Din)
-             | [ ]RST                   MOSI/11[X]~|   CLK (pour Clock)
-             | [ ]3V3    +---+               10[X]~|   CS (Load)
-       VCC   | [X]5v    -| A |-               9[ ]~|
-       GND   | [X]GND   -| R |-               8[ ] |
-             | [ ]GND   -| D |-                    |
-             | [ ]Vin   -| U |-               7[ ] |
-             |          -| I |-               6[ ]~|
-             | [ ]A0    -| N |-               5[ ]~|
-             | [ ]A1    -| O |-               4[ ] |
-             | [ ]A2     +---+           INT1/3[ ]~|
-             | [ ]A3                     INT0/2[ ] |
-             | [ ]A4/SDA  RST SCK MISO     TX>1[ ] |
-             | [ ]A5/SCL  [ ] [ ] [ ]      RX<0[ ] |
-             |            [ ] [ ] [ ]              |
-             |  UNO_R3    GND MOSI 5V  ____________/
-              \_______________________/
-Matériel :
-- un Arduino
-- une matrice de LED MAX7219.
-- Quelques cable dupont
-Programme inspiré des exemples de la bibliothèque "LedControl.h"
-   ___
- / ___ \
-|_|   | |
-     /_/
-     _   ___   _
-    |_| |___|_| |_
-         ___|_   _|
-        |___| |_|
-Les petits Débrouillards - CC-By-Sa <nowiki>http://creativecommons.org/licenses/by-nc-sa/3.0/</nowiki>
-Antony Le Goïc-Auffret
-<nowiki>*</nowiki>/
-<nowiki>#</nowiki>include "LedControl.h"
-LedControl lc=LedControl(12,11,10,1);  // On défini un ensemble de matrice de led "lc". Dans l'ordre, on branche les broches Din sur la broche 12, CLK sur 11, CS sur 10.
-// le dernier chiffre indique le nombre de matrice de LED (il peut y en avoir jusqu'à 8).
-// ici on n'en a qu'une.
-void setup()
-{
-  lc.shutdown(0,false);  // Allule la matrice de led
-  lc.setIntensity(0,1);  // règle la luminosité (de 1 à 15) de la matrice en postion 0 (la première et la seule dans notre exemple).
-  lc.clearDisplay(0);    // efface la matrice (éteint toute les led).
-}
-void loop()
-{
-lc.setRow(0,0,B00111100); // la fonction setRow s'utilise en mettant la position de la matrice, le numéro de ligne et l'octet qui gère la ligne. setRow(int adress, int ligne, byte octet).
-lc.setRow(0,1,B01000010);
-lc.setRow(0,2,B10100101);
-lc.setRow(0,3,B10000001);
-lc.setRow(0,4,B10100101);
-lc.setRow(0,5,B10011001);
-lc.setRow(0,6,B01000010);
-lc.setRow(0,7,B00111100); // Utilisez les documents de wikidébrouillard pour créer votre propres images.
-}
 |Step_Picture_00=Afficher_des_pictos_sur_une_matrice_de_led_8X8_matriceled8X8coeur2.jpg
 }}
@@ Ligne 183 : / Ligne 52 : @@
 {{Tuto Step
 |Step_Title=Réaliser des animations : Space Invaders
-|Step_Content=Le cinéma c'est c'est une succession d'images, nous allons faire pareil avec le code suivant.
+|Step_Content=Le cinéma c'est c'est une succession d'images, nous allons faire pareil avec le code "'''MatriceLed8X8-battementCoeur.ino'''" (voir dans la liste du matériel, onglet "Fichiers").
+Chargez le code sur l'arduino, puis passez à l'étape suivante : le branchement de la matrice de LED.
 |Step_Picture_00=Afficher_des_pictos_sur_une_matrice_de_led_8X8_matriceled8X8-invaderA.jpg
 |Step_Picture_01=Afficher_des_pictos_sur_une_matrice_de_led_8X8_matriceled8X8-invaderB.jpg
@@ Ligne 190 : / Ligne 61 : @@
 {{Tuto Step
 |Step_Title=Brancher la matrice de LED
-|Step_Content=Suivez les indication du programme :
+|Step_Content=Suivez les indications de branchement telles qu'elles sont présentées dans l'en-tête du programme :
+{
+|Step_Picture_00=Afficher_des_pictos_sur_une_matrice_de_led_8X8_progmatriceled8X8battement.png
+|Step_Picture_01=Afficher_des_pictos_sur_une_matrice_de_led_8X8_matriceled8X8_bb.png
+}}
+{{Tuto Step
+|Step_Title=Branchement et code pour utiliser un Wemos D1 mini
+|Step_Content=Brochage sur le Wemos D1 mini :
+* VCC -> VCC
 * GND -> GND
-* VCC -> +5V
+* DIn -> D5
-* DIN -> broche 12
+* CS -> D7
-* CS -> broche 10
+* CLK -> D6
-* CLK -> broche 11
+|Step_Picture_00=Afficher_des_pictos_sur_une_matrice_de_led_8X8_progWemosMatriceled8X8battement.png
-|Step_Picture_00=Afficher_des_pictos_sur_une_matrice_de_led_8X8_matriceled8X8_bb.png
+|Step_Picture_01=Afficher_des_pictos_sur_une_matrice_de_led_8X8_D1mini-Matrice8X8LED_bb.jpg
+|Step_Picture_02=Afficher_des_pictos_sur_une_matrice_de_led_8X8_matriceled8X8wemosD1mini.jpg
 }}
 {{Notes
@@ Ligne 206 : / Ligne 87 : @@
 |Complete=Published
 }}
+{{Separator}}