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

Version du 18 août 2019 à 15:24

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)

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

Difficulté

Facile

Durée

30 minute(s)

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 :

Broche de la matrice de LED8X8	Broche de l'Arduino
DIN	Broche 12
CS	Broche 10
CLK	Broche 11
VCC	+5V
GND	GND

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

Brochage sur le Wemos D1 mini :

Broche de la matrice de LED8X8	Broche du Wemos D1 Mini
DIN	Broche D5
CS	Broche D7
CLK	Broche D6
VCC	3,3V
GND	GND

É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 9 : / Ligne 9 : @@
 |Tags=space-invaders, wemos, D1 mini, LOLIN, LOLIN D1 Mini
 }}
-{{Introduction}}
+{{Introduction
+|Introduction=Les matrices de Led 8X8 permettent d'afficher des images facile à fabriquer, nous allons voir comment.
+}}
 {{Materials
 |ItemList={{ItemList
@@ Ligne 39 : / Ligne 41 : @@
 {{Tuto Step
 |Step_Title=Préparer Arduino et les images
+|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, je mettrais le programme bientôt ici.
 |Step_Picture_00=Afficher_des_pictos_sur_une_matrice_de_led_8X8_matriceled8X8coeur2.jpg
 }}
 {{Tuto Step
 |Step_Title=Créez vos propres images
+|Step_Content=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.
 |Step_Picture_00=Afficher_des_pictos_sur_une_matrice_de_led_8X8_matriceled8X8-outilImage.png
 }}
 {{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 "'''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 53 : / Ligne 62 : @@
 {{Tuto Step
 |Step_Title=Brancher la matrice de LED
+|Step_Content=Suivez les indications de branchement telles qu'elles sont présentées dans l'en-tête du programme :
+{| class="wikitable"
+!Broche de la matrice de LED8X8
+!Broche de l'Arduino
+|-
+|DIN
+|Broche 12
+|-
+|CS
+|Broche 10
+|-
+|CLK
+|Broche 11
+|-
+|VCC
+| +5V
+|-
+|GND
+|GND
+|}
 |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
@@ Ligne 58 : / Ligne 87 : @@
 {{Tuto Step
 |Step_Title=Branchement et code pour utiliser un Wemos D1 mini
+|Step_Content=Brochage sur le Wemos D1 mini :
+{| class="wikitable"
+!Broche de la matrice de LED8X8
+!Broche du Wemos D1 Mini
+|-
+|DIN
+|Broche D5
+|-
+|CS
+|Broche D7
+|-
+|CLK
+|Broche D6
+|-
+|VCC
+|3,3V
+|-
+|GND
+|GND
+|}
 |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}}
+{{Notes
+|Notes=Le [https://space-invaders.com/about/ 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 : [https://xantorohara.github.io/led-matrix-editor/ Led Matrix Editor]
+}}
 {{Tuto Status
 |Complete=Published
 }}