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

(Annulation des modifications 3085 de Geneviève (discussion))
Ligne 9 : Ligne 9 :
 
|Tags=space-invaders, wemos, D1 mini, LOLIN, LOLIN D1 Mini
 
|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
 
{{Materials
 
|ItemList={{ItemList
 
|ItemList={{ItemList
Ligne 39 : Ligne 41 :
 
{{Tuto Step
 
{{Tuto Step
 
|Step_Title=Préparer Arduino et les images
 
|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
 
|Step_Picture_00=Afficher_des_pictos_sur_une_matrice_de_led_8X8_matriceled8X8coeur2.jpg
 
}}
 
}}
 
{{Tuto Step
 
{{Tuto Step
 
|Step_Title=Créez vos propres images
 
|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
 
|Step_Picture_00=Afficher_des_pictos_sur_une_matrice_de_led_8X8_matriceled8X8-outilImage.png
 
}}
 
}}
 
{{Tuto Step
 
{{Tuto Step
 
|Step_Title=Réaliser des animations : Space Invaders
 
|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_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
 
|Step_Picture_01=Afficher_des_pictos_sur_une_matrice_de_led_8X8_matriceled8X8-invaderB.jpg
Ligne 53 : Ligne 62 :
 
{{Tuto Step
 
{{Tuto Step
 
|Step_Title=Brancher la matrice de LED
 
|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_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
 
|Step_Picture_01=Afficher_des_pictos_sur_une_matrice_de_led_8X8_matriceled8X8_bb.png
Ligne 58 : Ligne 87 :
 
{{Tuto Step
 
{{Tuto Step
 
|Step_Title=Branchement et code pour utiliser un Wemos D1 mini
 
|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_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
 
|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
 
{{Tuto Status
 
|Complete=Published
 
|Complete=Published
 
}}
 
}}

Version du 18 août 2019 à 14:24

Auteur avatarAntonydbzh | Dernière modification 15/10/2019 par Pierreb

Afficher des pictos sur une matrice de led 8X8 matriceled8X8coeur.jpg

Introduction

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

É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 15/10/2019 par user:Pierreb. Published