Différences entre les pages « Afficher des pictos sur une matrice de led 8X8 » et « Modèle:SummaryBook »

(Annulation des modifications 3085 de Geneviève (discussion))
 
(init wikifab pages)
 
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=&hellip; 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">&times;</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>

Version du 25 novembre 2019 à 12:01

[[File:{{{group-logo}}}|link=]]

Ajouter une nouvelle section