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

Version du 15 octobre 2019 à 16: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 : {

É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
+|Disciplines scientifiques=Arduino
 }}
 {{Introduction
@@ Ligne 24 : / Ligne 25 : @@
 |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 35 : / Ligne 43 : @@
 |Step_Content=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, Plus haut dans les fichiers choisissez le programme "MatriceLed8X8-Smiley".
+Pour afficher un smiley, je mettrais le programme bientôt ici.
-<pre>
-/////////////////////////////////
-//                             //
-//      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 http://creativecommons.org/licenses/by-nc-sa/3.0/
-Antony Le Goïc-Auffret
-*/
-#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.
-}
-</pre>
 |Step_Picture_00=Afficher_des_pictos_sur_une_matrice_de_led_8X8_matriceled8X8coeur2.jpg
 }}
@@ Ligne 123 : / Ligne 53 : @@
 {{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 130 : / Ligne 62 : @@
 {{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 :
-* GND -> GND
+{
-* VCC -> +5V
+|Step_Picture_00=Afficher_des_pictos_sur_une_matrice_de_led_8X8_progmatriceled8X8battement.png
-* DIN -> broche 12
+|Step_Picture_01=Afficher_des_pictos_sur_une_matrice_de_led_8X8_matriceled8X8_bb.png
-* CS -> broche 10
+}}
-* CLK -> broche 11
+{{Tuto Step
-|Step_Picture_00=Afficher_des_pictos_sur_une_matrice_de_led_8X8_matriceled8X8_bb.png
+|Step_Title=Branchement et code pour utiliser un Wemos D1 mini
+|Step_Content=Brochage sur le Wemos D1 mini :
+{
+|Step_Picture_00=Afficher_des_pictos_sur_une_matrice_de_led_8X8_progWemosMatriceled8X8battement.png
+|Step_Picture_01=Afficher_des_pictos_sur_une_matrice_de_led_8X8_matriceled8X8wemosD1mini.jpg
 }}
 {{Notes
@@ Ligne 146 : / Ligne 82 : @@
 |Complete=Published
 }}
+{{Separator}}