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

 
(19 révisions intermédiaires par 4 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
 
{{Tuto Details
 
{{Tuto Details
 +
|Main_Picture=Afficher_des_pictos_sur_une_matrice_de_led_8X8_matriceled8X8coeur.jpg
 
|Licences=Attribution (CC-BY)
 
|Licences=Attribution (CC-BY)
 
|Description=Comment créer des pictogrammes ou des images pour les afficher sur une matrice de Led 8X8
 
|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
 
|Difficulty=Easy
 
|Duration=30
 
|Duration=30
 
|Duration-type=minute(s)
 
|Duration-type=minute(s)
|Tags=space-invaders
+
|Tags=space-invaders, wemos, D1 mini, LOLIN, LOLIN D1 Mini
 +
}}
 +
{{Introduction
 +
|Introduction=Les matrices de Led 8X8 permettent d'afficher des images facile à fabriquer, nous allons voir comment.
 
}}
 
}}
{{Introduction}}
 
 
{{Materials
 
{{Materials
 
|ItemList={{ItemList
 
|ItemList={{ItemList
Ligne 17 : Ligne 20 :
 
|Item=Matrice de LED 8X8 - Max7219
 
|Item=Matrice de LED 8X8 - Max7219
 
}}{{ItemList
 
}}{{ItemList
|Item=Cable Dupont
+
|Item=D1 mini
 
}}
 
}}
 
|Tuto_Attachments={{Tuto Attachments
 
|Tuto_Attachments={{Tuto Attachments
 
|Attachment=FichePedaMatriceDeLed8X8.pdf
 
|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
 +
}}
 +
}}
 +
{{Tuto Step
 +
|Step_Title=Réunissez le matériel près de votre ordinateur
 +
|Step_Picture_00=Afficher_des_pictos_sur_une_matrice_de_led_8X8_matriceled8X8materielb.jpg
 +
}}
 +
{{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
 +
|Step_Picture_02=Afficher_des_pictos_sur_une_matrice_de_led_8X8_matriceled8X8invader2.jpg
 +
}}
 +
{{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 :
 +
{
 +
|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
 +
* DIn -> D5
 +
* CS -> D7
 +
* CLK -> D6
 +
|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_D1mini-Matrice8X8LED_bb.jpg
 +
|Step_Picture_02=Afficher_des_pictos_sur_une_matrice_de_led_8X8_matriceled8X8wemosD1mini.jpg
 
}}
 
}}
{{Separator}}
 
{{Tuto Step}}
 
 
{{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.
 
|Notes=Le [https://space-invaders.com/about/ site de l'artiste qui colle des space invaders] sur les murs des villes du monde.
Ligne 31 : Ligne 85 :
 
}}
 
}}
 
{{Tuto Status
 
{{Tuto Status
|Complete=Draft
+
|Complete=Published
 
}}
 
}}
 +
{{Separator}}

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

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

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 : {



É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