|
|
Ligne 1 : |
Ligne 1 : |
− | {{Tuto Details | + | __NOTOC__ {{#sideSummary:SideSummary}} |
− | |Main_Picture=Afficher_des_pictos_sur_une_matrice_de_led_8X8_matriceled8X8coeur.jpg
| + | <div class="section-banner">[[File:{{{group-logo}}}|link=]]</div> |
− | |Licences=Attribution (CC-BY)
| + | <div class="row"> |
− | |Description=Comment créer des pictogrammes ou des images pour les afficher sur une matrice de Led 8X8
| + | <div class="col-md-12"> |
− | |Area=Arduino
| + | <div class="section-description">[[group-description::{{{group-description|}}}]]</div> |
− | |Difficulty=Easy
| + | </div> |
− | |Duration=30
| + | {{#ask: [[Category:SummarySection]] [[SummaryBook::{{FULLPAGENAME}}]] |
− | |Duration-type=minute(s)
| + | |?Group-logo |
− | |Tags=space-invaders, wemos, D1 mini, LOLIN, LOLIN D1 Mini
| + | |format=template |
− | }} | + | |limit=50 |
− | {{Introduction
| + | |offset=0 |
− | |Introduction=Les matrices de Led 8X8 permettent d'afficher des images facile à fabriquer, nous allons voir comment.
| + | |link=all |
− | }}
| + | |order=asc |
− | {{Materials
| + | |searchlabel=… autres résultats |
− | |ItemList={{ItemList
| + | |template=DokitSummary |
− | |Item=Arduino
| |
− | }}{{ItemList
| |
− | |Item=Logiciel Arduino
| |
− | }}{{ItemList
| |
− | |Item=Matrice de LED 8X8 - Max7219
| |
− | }}{{ItemList
| |
− | |Item=Cable Dupont
| |
− | }} | |
− | |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 | |
− | |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 :
| |
− | {| 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 | |
− | }}
| |
− | {{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=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 | |
| }} | | }} |
| + | <div class="col-md-3 col-sm-6 col-xs-12"> |
| + | <div data-toggle="modal" data-target="#CreateNewSection" class="SectionHpAddNew"><h3>Ajouter une nouvelle section</h3></div> |
| + | </div> |
| + | </div> |
| + | <div class="noprint">[[Category:SummaryBook]]</div> |
| + | <span class="propertyKey" style="display:none">[[group-logo::{{{group-logo|}}}]]</span> |
| + | <div class="modal fade" id="CreateNewSection" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> |
| + | <div class="modal-dialog"> |
| + | <div class="modal-content"> |
| + | <div class="modal-header"><h4 class="modal-title" id="myModalLabel">Créez une nouvelle Section</h4><span type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></span></div> |
| + | <div class="modal-body NewPageTabs"> |
| + | <p class="NewPageTabsLabel"><span class="glyphicon glyphicon-info-sign"></span> Les sections servent à organiser le contenu du wiki dans des chapîtres. Une fois créées, les sections apparaissent sur la page d'accueil.</p> |
| + | <br> |
| + | <div class="NewPageField">{{#forminput:form=SummarySection|placeholder=Nom de la section|button text={{int:wf-formtutorial-main-btn}}}}</div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div> |