D1-Pong : Différence entre versions

(Page créée avec « {{Tuto Details |Licences=Attribution (CC-BY) |Description=D1-Pong Un ruban de led |Disciplines scientifiques=Arduino |Difficulty=Technical |Duration=30 |Duration-type=mi... »)
 
(17 révisions intermédiaires par 4 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
 
{{Tuto Details
 
{{Tuto Details
 +
|Main_Picture=D1-Pong_20191205_112020.jpg
 
|Licences=Attribution (CC-BY)
 
|Licences=Attribution (CC-BY)
|Description=D1-Pong
+
|Description=Jouez au pong en 1D ! Renvoyez-vous la led avant qu'elle n'atteigne l'extrémité du ruban.
Un ruban de led
 
 
|Disciplines scientifiques=Arduino
 
|Disciplines scientifiques=Arduino
 
|Difficulty=Technical
 
|Difficulty=Technical
|Duration=30
+
|Duration=5
|Duration-type=minute(s)
+
|Duration-type=hour(s)
 +
}}
 +
{{Introduction
 +
|Introduction=Tutoriel documenté par Henri Giacomel, Antoine zabern et Pauline Bleunven à Nantes en Décembre 2019.
 
}}
 
}}
{{Introduction}}
 
 
{{Materials
 
{{Materials
 
|ItemList={{ItemList
 
|ItemList={{ItemList
|Item=Arduino
 
}}{{ItemList
 
 
|Item=Breadboard
 
|Item=Breadboard
 
}}{{ItemList
 
}}{{ItemList
Ligne 28 : Ligne 28 :
 
}}{{ItemList
 
}}{{ItemList
 
|Item=Carton
 
|Item=Carton
 +
}}{{ItemList
 +
|Item=Arduino nano
 +
}}{{ItemList
 +
|Item=Ruban de Led - WS2812B
 +
}}
 +
|Tuto_Attachments={{Tuto Attachments
 +
|Attachment=D1-Pong_pong_V5.ino
 +
}}{{Tuto Attachments
 +
|Attachment=D1-Pong_Pong_V3_-_5 - 3 bandes_Pts.ino
 
}}
 
}}
 
}}
 
}}
Ligne 34 : Ligne 43 :
 
|Step_Content=Pour l'alimentation, vous pouvez faire fonctionner la boite en 5V c'est donc assez souple :
 
|Step_Content=Pour l'alimentation, vous pouvez faire fonctionner la boite en 5V c'est donc assez souple :
  
* Avec un chargeur de téléphone
+
*Avec un chargeur de téléphone
* Une batterie "power bank" pour téléphone
+
*Une batterie "power bank" pour téléphone
* des piles en série (3 piles 1,5 V font parfaitement l'affaire)
+
*des piles en série (3 piles 1,5 V font parfaitement l'affaire)
* ...
+
*...
  
 
Pour les boutons, vous pouvez les choisir en fonction du style que vous attendez de votre réalisation.
 
Pour les boutons, vous pouvez les choisir en fonction du style que vous attendez de votre réalisation.
  
  
'''Bonus''' : vous pouvez ajouter selon votre imagination différents autres capteurs (haut parleur, capteur de gravité, ... )
+
'''Bonus''' : vous pouvez ajouter selon votre imagination différents autres actionneurs (pour jouer) ou option (pour améliorer). Par exemple, haut parleur, autre bouton ...
 +
|Step_Picture_00=D1-Pong_20191205_095045.jpg
 
}}
 
}}
 
{{Tuto Step
 
{{Tuto Step
 
|Step_Title=Préparer les boutons
 
|Step_Title=Préparer les boutons
|Step_Content=Pour faciliter les branchement, nous  soudons des embouts femelles de câbles Dupont, que nous avons précédemment découper et dénuder, sur les embouts du bouton.  
+
|Step_Content=Pour faciliter les futurs branchement, nous  soudons des embouts femelles de câbles Dupont, que nous avons précédemment découper et dénuder, sur les embouts du bouton.  
 +
 
  
 +
Remarque :
  
Remarque : prévoir une longueur de câble suffisante selon la construction
+
*prévoir une longueur de câble suffisante selon la construction
 +
*il existe d'autres méthodes pour connecter les boutons
 +
|Step_Picture_00=D1-Pong_20191205_111748.jpg
 
}}
 
}}
 
{{Tuto Step
 
{{Tuto Step
 
|Step_Title=Préparer les rubans LED
 
|Step_Title=Préparer les rubans LED
|Step_Content=Nous avons besoin d'un ruban de 40 Le
+
|Step_Content=Nous avons besoin d''''un ruban de 40 Leds''' et '''deux de 5 Leds'''
 +
 
 +
 
 +
Pour chacun des trois rubans nous  soudons trois câbles Dupont (rouge sur 5V/VCC, noir sur la masse/GND, plus une autre couleur pour l'entrée digitale [le programme]),  que nous avons précédemment découpés et dénudés, à l'une des extrémités du ruban.
 +
 
 +
 
 +
Attention au sens du courant : souder dans le sens de la flèche
 +
 
 +
<br />
 +
|Step_Picture_00=D1-Pong_20191205_111538.jpg
 +
|Step_Picture_01=D1-Pong_20191205_111046.jpg
 +
|Step_Picture_02=D1-Pong_20191205_111453.jpg
 +
}}
 +
{{Tuto Step
 +
|Step_Title=Préparer l'Arduino et faire les branchements
 +
|Step_Content=Nous n'ajoutons pas d'alimentation en l'état, car le courant fourni par l'arduino suffit pour le nombre de Leds allumées simultanément dans le code de base.
 +
 
 +
 
 +
Arduino délivre 200 à 300 mA, une Led consomme entre 20 et 60 mA (60 mA avec du blanc par exemple, qui est la combinaison de toutes les couleurs de la led RGB).
 +
 
 +
 
 +
Si vous souhaitez allumer plus de leds en même temps, une alimentation supplémentaire est nécessaire. (Voir branchements Version 2)
 +
|Step_Picture_00=D1-Pong_Capture_du_2019-12-05_10-42-00.png
 +
}}
 +
{{Tuto Step
 +
|Step_Title=Préparer la boite
 +
|Step_Content=Nous avons construit une boite en carton, en prenant en compte la longueur du ruban de led pour la longueur de la boite et la taille des boutons pour son épaisseurs. La breadboard et les câbles sont cachés à l'intérieur de la boîte.
 +
 
 +
 
 +
Le support final peut également être construit avec d'autres matériaux.
 +
|Step_Picture_00=D1-Pong_20191205_112238.jpg
 +
|Step_Picture_01=D1-Pong_20191205_112216.jpg
 +
|Step_Picture_02=D1-Pong_20191205_112154.jpg
 +
}}
 +
{{Tuto Step
 +
|Step_Title=Uploader le code
 +
|Step_Content=Télécharger :
 +
 
 +
 
 +
- Arduino IDE
 +
 
 +
https://www.arduino.cc/en/main/software
 +
 
 +
 
 +
- Le code dans l'onglet fichier de ce tutoriel
 +
 
 +
https://www.wikidebrouillard.org/images/5/5f/D1-Pong_pong_V5.ino
 +
 
 +
 
 +
- La librairie FastLED disponible ici
 +
 
 +
https://github.com/FastLED/FastLED
 +
 
 +
ou via le gestionnaire de bilibiothèque
 +
 
 +
 
 +
Puis uploader le code dans l'arduino.
 +
 
 +
Verifier bien dans l'onglet outils, que le port et le type de carte soit bien
 +
 
 +
cocher.
 +
 
 +
 
 +
-
 +
|Step_Picture_00=D1-Pong_02-Bibliotheque..png
 +
}}
 +
{{Tuto Step
 +
|Step_Title=Jouer !
 
}}
 
}}
 
{{Tuto Step
 
{{Tuto Step
|Step_Title=Préparer l'Arduino
+
|Step_Title=Modifier!
 +
|Step_Content=Changer les couleurs de leds dans le programme
 +
 
 +
 
 +
https://www.toutes-les-couleurs.com/code-couleur-rvb.php
 +
}}
 +
{{Tuto Step
 +
|Step_Title=Exemples de réalisations
 +
|Step_Picture_00=D1-Pong_IMG_20210402_120207_1.jpg
 +
|Step_Picture_01=D1-Pong_IMG_20210402_120159_1.jpg
 +
|Step_Picture_02=D1-Pong_IMG_20210402_120212.jpg
 +
}}
 +
{{Notes
 +
|Deepen=Optimisation :
 +
 
 +
- Utiliser d'autres connecteurs
 +
 
 +
- Sur batterie, sur secteur
 +
|Applications=Objet programmable
 +
|Objectives=Construire un objet numérique
 +
 
 +
Lire / comprendre / jouer avec le code
 +
 
 +
Solliciter l'imaginaire pour transformer cet objet
 +
|Animation=- Histoire du jeu vidéo
 +
 
 +
- Assemblage du circuit
 +
 
 +
- Conception d'un objet fini
 +
 
 +
- Modification du code (couleur, vitesse, son, décompte, ...)
 +
 
 +
- Modification du contrôle (ex : utiliser des cuillères pour remplacer des interrupteurs)
 +
 
 +
- Invention de nouveaux modes de jeux (ex coopératif en comptant le nombre d'échanges)
 +
 
 +
<br />
 +
|Notes=https://github.com/bdring/TWANG32 ( exemple de jeu)
 +
 
 +
 
 +
https://www.hackster.io/techno_z/led-strip-game-55c980
 
}}
 
}}
{{Notes}}
 
 
{{Tuto Status
 
{{Tuto Status
|Complete=Draft
+
|Complete=Published
 
}}
 
}}

Version du 8 avril 2021 à 12:30

Auteur avatarPaulineB | Dernière modification 9/02/2023 par ZAB

Introduction

Tutoriel documenté par Henri Giacomel, Antoine zabern et Pauline Bleunven à Nantes en Décembre 2019.
  • Fichiers

Étape 1 - Réunissez le matériel

Pour l'alimentation, vous pouvez faire fonctionner la boite en 5V c'est donc assez souple :

  • Avec un chargeur de téléphone
  • Une batterie "power bank" pour téléphone
  • des piles en série (3 piles 1,5 V font parfaitement l'affaire)
  • ...

Pour les boutons, vous pouvez les choisir en fonction du style que vous attendez de votre réalisation.


Bonus : vous pouvez ajouter selon votre imagination différents autres actionneurs (pour jouer) ou option (pour améliorer). Par exemple, haut parleur, autre bouton ...




Étape 2 - Préparer les boutons

Pour faciliter les futurs branchement, nous soudons des embouts femelles de câbles Dupont, que nous avons précédemment découper et dénuder, sur les embouts du bouton.


Remarque :

  • prévoir une longueur de câble suffisante selon la construction
  • il existe d'autres méthodes pour connecter les boutons




Étape 3 - Préparer les rubans LED

Nous avons besoin d'un ruban de 40 Leds et deux de 5 Leds


Pour chacun des trois rubans nous soudons trois câbles Dupont (rouge sur 5V/VCC, noir sur la masse/GND, plus une autre couleur pour l'entrée digitale [le programme]), que nous avons précédemment découpés et dénudés, à l'une des extrémités du ruban.


Attention au sens du courant : souder dans le sens de la flèche



Étape 4 - Préparer l'Arduino et faire les branchements

Nous n'ajoutons pas d'alimentation en l'état, car le courant fourni par l'arduino suffit pour le nombre de Leds allumées simultanément dans le code de base.


Arduino délivre 200 à 300 mA, une Led consomme entre 20 et 60 mA (60 mA avec du blanc par exemple, qui est la combinaison de toutes les couleurs de la led RGB).


Si vous souhaitez allumer plus de leds en même temps, une alimentation supplémentaire est nécessaire. (Voir branchements Version 2)




Étape 5 - Préparer la boite

Nous avons construit une boite en carton, en prenant en compte la longueur du ruban de led pour la longueur de la boite et la taille des boutons pour son épaisseurs. La breadboard et les câbles sont cachés à l'intérieur de la boîte.


Le support final peut également être construit avec d'autres matériaux.


Étape 6 - Uploader le code

Télécharger :


- Arduino IDE

https://www.arduino.cc/en/main/software


- Le code dans l'onglet fichier de ce tutoriel

https://www.wikidebrouillard.org/images/5/5f/D1-Pong_pong_V5.ino


- La librairie FastLED disponible ici

https://github.com/FastLED/FastLED

ou via le gestionnaire de bilibiothèque


Puis uploader le code dans l'arduino.

Verifier bien dans l'onglet outils, que le port et le type de carte soit bien

cocher.


-




Étape 7 - Jouer !

Étape 8 - Modifier!

Changer les couleurs de leds dans le programme


https://www.toutes-les-couleurs.com/code-couleur-rvb.php

Étape 9 - Exemples de réalisations


Comment ça marche ?


Plus d'explications

Optimisation :

- Utiliser d'autres connecteurs

- Sur batterie, sur secteur

Applications : dans la vie de tous les jours

Objet programmable

Éléments pédagogiques

Objectifs pédagogiques

Construire un objet numérique

Lire / comprendre / jouer avec le code

Solliciter l'imaginaire pour transformer cet objet

Pistes pour animer l'expérience

- Histoire du jeu vidéo

- Assemblage du circuit

- Conception d'un objet fini

- Modification du code (couleur, vitesse, son, décompte, ...)

- Modification du contrôle (ex : utiliser des cuillères pour remplacer des interrupteurs)

- Invention de nouveaux modes de jeux (ex coopératif en comptant le nombre d'échanges)


Sources et ressources

https://github.com/bdring/TWANG32 ( exemple de jeu)


https://www.hackster.io/techno_z/led-strip-game-55c980

Dernière modification 9/02/2023 par user:ZAB.

Commentaires

Published