Makers game : Différence entre versions

(convert properties for internationnalized Wikifab)
(update property name)
 
(20 révisions intermédiaires par 7 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
 
{{Tuto Details
 
{{Tuto Details
−
|SourceLanguage=fr
+
|Main_Picture=Makers_game_makersgame_rendu.png
−
|Language=fr
+
|Licences=Attribution-ShareAlike (CC BY-SA)
−
|IsTranslation=0
+
|Description=<translate><!--T:94--> Table d'arcade pour jouer à Pong, Snake ou Tetris entre amis.</translate>
−
|Type=Technique
+
|Area=Art, Furniture, Play and Hobbies
−
|Area=Furniture, Play and Hobbies, Art
+
|Type=Creation
−
|Tags=table, table arcade, jeux vidéos,
 
−
|Description=Le Makers' game est une table arcade fabriquée au makers lab de emlyon business school en mai 2017. Créée à la découpe laser, la table vous permet d'uploader vos propres jeux arcades comme Pong, Snake ou Tetris et d'y jouer directement avec vos amis !
 
 
|Difficulty=Hard
 
|Difficulty=Hard
 +
|Duration=2
 +
|Duration-type=day(s)
 
|Cost=300
 
|Cost=300
 
|Currency=EUR (€)
 
|Currency=EUR (€)
−
|Duration=2
+
|Tags=table, table arcade, jeux vidéos, Arduino
−
|Duration-type=day(s)
+
|SourceLanguage=none
−
|Licences=Attribution-ShareAlike (CC BY-SA)
+
|Language=fr
−
|Main_Picture=Makers_game_makersgame.jpg
+
|IsTranslation=0
 
}}
 
}}
 
{{Introduction
 
{{Introduction
−
|Introduction=Le [https://fr.wikipedia.org/wiki/Retrogaming rétro-gaming], c'est le pied ! Débarrassez la table basse de l'apéro des habituels jeux de société, et retrouvez [https://fr.wikipedia.org/wiki/Pong Pong], [https://fr.wikipedia.org/wiki/Snake_(jeu_vid%C3%A9o) Snake] et [https://fr.wikipedia.org/wiki/Tetris Tetris] dans une dimension inattendue ! Vous trouverez ici tous les conseils pour réaliser votre propre table d'arcade. Bon fork et bon jeu !
+
|Introduction=<translate><!--T:95--> Le [https://fr.wikipedia.org/wiki/Retrogaming rétro-gaming], c'est le pied ! Débarrassez la table basse de l'apéro des habituels jeux de société, et retrouvez [https://fr.wikipedia.org/wiki/Pong Pong], [https://fr.wikipedia.org/wiki/Snake_(jeu_vid%C3%A9o) Snake] et [https://fr.wikipedia.org/wiki/Tetris Tetris] dans une dimension inattendue.</translate>
 +
}}
 +
{{TutoVideo
 +
|TutoVideoService=youtube
 +
|TutoVideoURL=https://youtu.be/QJow042pSI0
 
}}
 
}}
 
{{Materials
 
{{Materials
−
|Material=* contre-plaqué d’épaisseur 10mm  
+
|Step_Picture_00=Makers_game_makersgame.jpg
−
* médium 3mm
+
|Material=<translate><!--T:96-->
−
* Arduino, carte epoxy
+
* contre-plaqué d’épaisseur 10mm  
−
* bande de LED
+
* médium d'épaisseur 3mm
−
|Tools=* découpeuse laser
+
* Arduino, carte epoxy
−
* pistolet à colle, papier à poncer, perceuse-visseuse, soudure
+
* Raspberry Pi 1
 +
* ruban de LED</translate>
 +
|Tools=<translate><!--T:187-->
 +
* découpeuse laser
 +
* pistolet à colle, papier à poncer, perceuse-visseuse, fer à souder</translate>
 +
|Prerequisites={{Prerequisites
 +
|Prerequisites=Rocket kit
 +
}}
 
|Tuto_Attachments={{Tuto Attachments
 
|Tuto_Attachments={{Tuto Attachments
 
|Attachment=Table arcade bandeau.svg
 
|Attachment=Table arcade bandeau.svg
Ligne 41 : Ligne 52 :
 
{{Separator}}
 
{{Separator}}
 
{{Tuto Step
 
{{Tuto Step
−
|Step_Title=Récupération des modèles
+
|Step_Title=<translate><!--T:97--> Découper les pièces</translate>
−
|Step_Content=Rendez vous dans l’onglet Fichiers de ce tutoriel.
+
|Step_Content=<translate><!--T:98-->
 +
Dans l’onglet fichier, '''télécharger les documents'''. Et '''découper à la laser :'''
  
−
Téléchargez les 6 fichiers.
+
<!--T:191-->
−
 
+
En '''contre-plaqué de 10mm d’épaisseur''' :
−
Ouvrez un par un ces fichiers sur le logiciel Adobe Illustrator. Chacun représente une partie de la table d’arcade.
+
* pieds de la table (x4)
 +
* plateau du dessous (x1)
 +
* plateau du dessus avec pièces annexes (x1) Poncer les rebords des découpes afin d’obtenir un rendu propre.
 +
En '''médium de 3mm d’épaisseur''':
 +
* 4 x bandeaux contours de la table (médium)
 +
* 1 x quadrillage intérieur (x1)
  
−
Voici les parties qui constitueront la table, et que vous allez découper :
+
<!--T:196-->
−
* pieds de la table (à découper x4)
+
En '''PMMA''':
−
* bandeaux contours de la table (x4)
+
* vitre de la table (x1)</translate>
−
* plateau du dessous (x1)
 
−
* quadrillage intérieur (x1)
 
−
* plateau du dessus avec pièces annexes (x1)
 
 
|Step_Picture_00=Makers_game_dessus.png
 
|Step_Picture_00=Makers_game_dessus.png
 +
|Step_Picture_01=Makers_game_pieds.png
 +
|Step_Picture_02=Makers_game_decoupe-laser-machine.jpg
 
}}
 
}}
 
{{Tuto Step
 
{{Tuto Step
−
|Step_Title=Personnalisation des pieds de table (facultatif)
+
|Step_Title=<translate><!--T:197--> Poncer les pièces</translate>
−
|Step_Content=Attention: si vous souhaitez créer vos propres pieds de table personnalisés sur Illustrator, vous ne devez pas dépasser les dimensions du cadre sur le modèle correspondant (vous auriez alors des surprises au montage).
+
|Step_Content=<translate><!--T:198--> Nettoyer et poncer les pieds pour enlever les traces de brûlures. Pour poncer, faites des mouvements circulaires dans le sens du bois.</translate>
−
 
+
|Step_Picture_00=Makers_game_thumb_20170429_101113_1024.jpg
−
Pensez à supprimer ce cadre avant de procéder à la découpe.
+
|Step_Picture_01=Makers_game_thumb_20170429_101131_1024.jpg
−
|Step_Picture_00=Makers_game_pieds.png
+
|Step_Picture_02=Makers_game_thumb_20170429_102305_1024.jpg
 
}}
 
}}
 
{{Tuto Step
 
{{Tuto Step
−
|Step_Title=Paramétrage et choix des matériaux
+
|Step_Title=<translate><!--T:102--> Assembler la table</translate>
−
|Step_Content=Une fois vos pièces affichées sur Illustrator, il faut donner l’ordre à la découpe laser de découper vos pièces. Pour cela, vérifiez bien les critères de découpe de la machine que vous utilisez, chaque machine exige que les contours à découper soient réglés sur une couleur et une épaisseur particulières pour qu’elle puisse les reconnaître.
+
|Step_Content=<translate><!--T:103-->
 +
'''Assembler les pieds :'''
 +
* Nettoyer soigneusement les trous taraudés des vis.
 +
* Visser les planches de bois deux à deux (vis de 2,5 x 20mm)
 +
* Insérer les 4 pieds dans le plateau du dessous et visser
 +
{{Warning|Attention à ne pas abimer les encoches !}}
  
−
Avant de lancer la découpe des pièces, utilisez le bois approprié:
+
<!--T:192-->
−
* contre-plaqué d’épaisseur 10mm pour les pieds, le plateau du dessous et le plateau du dessus avec pièces annexes
+
'''Assembler la grille :'''
−
* médium 3mm pour les bandeaux contours de table
+
* Vous munir de patience !
−
Nous vous conseillons ces types de bois, libre à vous d’utiliser d’autres matériaux ou types de bois.
+
* Les lattes verticales et horizontales doivent être bien alignées une fois enfoncées.</translate>
−
|Step_Picture_00=Makers_game_decoupe-laser-machine.jpg
+
|Step_Picture_00=Makers_game_20170429_112425.jpg
 +
|Step_Picture_01=Makers_game_20170429_111343.jpg
 
}}
 
}}
 
{{Tuto Step
 
{{Tuto Step
−
|Step_Title=Lancement de la découpe laser
+
|Step_Title=<translate><!--T:199--> Mettre en place le bandeau</translate>
−
|Step_Content=Vous pouvez maintenant positionner correctement le laser et le bois sur la découpe laser puis lancer l’opération. Lancez la découpe autant de fois que nécessaire pour obtenir le nombre de pièces : une seule fois pour le plateau, mais quatre fois pour les pieds de table par exemple.
+
|Step_Content=<translate><!--T:200-->
−
|Step_Picture_00=Makers_game_20170429_095129.jpg
+
Emboiter les 6 cales de CP 10mm aux emplacements sur le plateau du dessous et les fixer avec des vis à bois.
−
}}
+
 
−
{{Tuto Step
+
<!--T:201-->
−
|Step_Title=Téléchargement des logiciels utiles
+
Une fois les cales vissées, placer les 4 pièces découpées en amont pour les angles arrondis de la table.
−
|Step_Content=Télécharger le logiciel gratuit '''Atom''' sur https://atom.io/ et insérer les packages suivants : atom-html-preview, pigments, language-babel, atom-beautify, script ([ Packages -> Settings View ->  Install Packages / Themes ], cherchez « nom du package », puis installez).
+
 
−
|Step_Picture_00=Atom_welcome.png
+
<!--T:202-->
−
}}
+
Trouver le milieu de la largeur de chaque bandeau et le marquer sur la cale en bois.
−
{{Tuto Step
 
−
|Step_Title=Programmation du jeu "Pong" – JavaScript
 
−
|Step_Content=Utilisation du '''langage html''', qui permet de structurer une page web. C'est le langage de programmation le moins difficile à utiliser. Dans le dossier joint Pong, voir le '''fichier index.html''' qui permet de relier les différents fichiers utilisés par la suite (main.css, main2.css et p5.js).  
 
  
−
La '''bibliothèque p5''' nous a permis d'utiliser certaines fonctions. Nous avons téléchargé le fichier p5.js sur https://p5js.org/ / Download / Single Files / p5.js. Cette bibliothèque est utilisée telle quelle, sans modification préalable.
+
<!--T:203-->
 +
Placer le flexwood à partir du milieu de la cale en bois.
  
−
Dans le '''fichier main.css''', nous définissons la marge du corps (body) se référant à l'index.
+
<!--T:204-->
 +
Coller le flexwood (mettre de la colle à bois sur les parties où il y a les cales).
  
−
Le fichier '''main2.js''' contient les instructions utilisées pour programmer le jeu Pong. Consultez les commentaires du fichier afin de mieux comprendre le fonctionnement de celui-ci.
+
<!--T:205-->
−
|Step_Picture_00=Makers_game_main2.png
+
Pour rejoindre les 2 bouts de flexwood : collez un petit bout de medium 3mm permettant de les réunir et de solidifier l’ensemble.</translate>
−
|Step_Picture_01=Makers_game_index.html.png
+
|Step_Picture_00=Makers_game_20170429_125747.jpg
−
|Step_Picture_02=Makers_game_main.png
+
|Step_Picture_01=Makers_game_20170429_121753.jpg
−
|Step_Picture_03=Makers_game_p5.png
+
|Step_Picture_02=Makers_game_20170429_121626.jpg
 +
|Step_Picture_03=Makers_game_20170429_125738.jpg
 +
|Step_Picture_04=Makers_game_20170429_121117.jpg
 
}}
 
}}
 
{{Tuto Step
 
{{Tuto Step
−
|Step_Title=Programmation du jeu "Snake" – Python
+
|Step_Title=<translate><!--T:105--> Préparer et installer le ruban de LED</translate>
−
|Step_Content=Nous avons ici utilisé '''Python''', qui est un logiciel de programmation différent de JavaScript. Sur le fichier '''snake.py''', nous avons commencé par importer toutes les librairies nécessaires (sys, os, pygame, pygame.locals, randint). Pour la suite de la programmation, nous vous laissons observer et comprendre les commentaires que nous avons insérés dans le fichier.
+
|Step_Content=<translate><!--T:106-->
−
|Step_Picture_00=Makers_game_snake.png
+
Nous avons utilisé le [https://www.adafruit.com/product/1138 ruban de leds Adafruit Neopixel] (11 x 19 = 209 leds).
−
}}
 
−
{{Tuto Step
 
−
|Step_Title=Ponçage
 
−
|Step_Content=Nettoyer et poncer les pieds pour enlever les traces de brûlures. Pour poncer, faites des mouvements circulaires dans le sens du bois.
 
−
|Step_Picture_00=Makers_game_thumb_20170429_101113_1024.jpg
 
−
|Step_Picture_01=Makers_game_thumb_20170429_101131_1024.jpg
 
−
|Step_Picture_02=Makers_game_thumb_20170429_102305_1024.jpg
 
−
}}
 
−
{{Tuto Step
 
−
|Step_Title=Assemblage de la table
 
−
|Step_Content=Préparer les pieds de table. Nettoyer soigneusement les trous taraudés des vis qui servent de jonction pour l’assemblage des pieds.  
 
  
−
Visser les planches de bois deux à deux pour fabriquer les pieds de la table.  
+
<!--T:206-->
 +
Couper votre ruban en '''19 rubans de 11 leds'''.
  
−
Insérer les 4 pieds de la table sur le socle.
+
<!--T:207-->
 +
Souder les extrémités de vos rubans de façon à réaliser un « serpent » (cf. photo): '''GND - GND /  DIN - DOUT / 5V - 5V'''. Attention: la longueur de vos fils doit être suffisante pour pouvoir disposer les leds comme sur la photo.
  
−
Attention à ne pas casser les encoches !
+
<!--T:208-->
−
|Step_Picture_00=Makers_game_20170429_103951.jpg
+
Une fois les soudures réalisées, les fixer avec un point de pistolet à colle.
−
|Step_Picture_01=Makers_game_20170429_104015.jpg
 
−
|Step_Picture_02=Makers_game_20170429_104840.jpg
 
−
|Step_Picture_03=Makers_game_20170429_105418.jpg
 
−
|Step_Picture_04=Makers_game_20170429_111343.jpg
 
−
|Step_Picture_05=Makers_game_20170429_112425.jpg
 
−
}}
 
−
{{Tuto Step
 
−
|Step_Title=Placement du ruban de LED
 
−
|Step_Content=Placer la bande de LED entre chaque ligne de perçage.
 
  
−
Faire en sorte que chaque LED soit à peu près au milieu de chaque case.  
+
<!--T:209-->
 +
Placer le ruban LED sur la table. Faire en sorte que chaque LED soit à peu près au milieu de chaque case de la grille. Les câbles doivent pouvoir passer entre les encoches supérieures des pieds de la table.
  
−
Attention les câbles doivent passer entre les encoches supérieures des pieds de la table
+
<!--T:210-->
 +
'''Tester les soudures''' de votre ruban à l’aide de l’Arduino Uno. Pour cela, nous utilisons l’exemple « Simple » de la librairie « Adafruit Neopixel ».
  
−
Vérifier que toutes les soudures ont bien été effectuées !
+
<!--T:211-->
 +
Une fois testé, disposer parfaitement votre ruban de legs et '''enfoncer la grille dans le plateau''' du dessous de la table.
 +
{{Info|Programme disponible sur Github: [https://github.com/emlyon/arcadeTable arcadeTable_arduino]}}</translate>
 
|Step_Picture_00=Makers_game_20170429_112533.jpg
 
|Step_Picture_00=Makers_game_20170429_112533.jpg
 
|Step_Picture_01=Makers_game_20170429_112550.jpg
 
|Step_Picture_01=Makers_game_20170429_112550.jpg
−
|Step_Picture_02=Makers_game_20170429_113209.jpg
+
|Step_Picture_02=Makers_game_20170429_141513.jpg
−
|Step_Picture_03=Makers_game_20170429_120206.jpg
+
|Step_Picture_03=Makers_game_20170429_115210.jpg
 
}}
 
}}
 
{{Tuto Step
 
{{Tuto Step
−
|Step_Title=Mise en place de la grille
+
|Step_Title=<translate><!--T:108--> Programmer la Raspberry Pi 1</translate>
−
|Step_Content=Positionner la grille
+
|Step_Content=<translate><!--T:109-->
 +
'''Installer le système de la Raspberry Pi''':
  
−
Vérifier que toutes les LED soient toujours bien en place.  
+
<!--T:212-->
 +
Télécharger et copier l’image de [https://downloads.raspberrypi.org/raspbian_lite_latest Raspbian Stretch Lite] sur votre Raspberry Pi en utilisant [https://etcher.io/ Etcher.io].
  
−
Ensuite, enfoncer la grille ligne par ligne .
+
<!--T:213-->
 +
Vous pouvez suivre le guide [https://www.raspberrypi.org/documentation/installation/installing-images/README.md installing operating system images] pour plus de détails.
  
−
Si la bande de LED ne se trouve pas bien centrée dans les encoches, vous risquez de ne pas pouvoir enfoncer la grille et abîmer le plastique des LED
+
<!--T:214-->
 +
Démarrer votre Raspberry Pi avec un clavier, un câble ethernet relié à votre box internet et un écran branchés.
  
−
Visser la grille avec les encoches supérieure des pieds de la table.
+
<!--T:215-->
−
|Step_Picture_00=Makers_game_20170429_114121.jpg
+
( identifiant par défaut: pi / mot de passe: raspberry )
−
|Step_Picture_01=Makers_game_20170429_114129.jpg
+
 
−
|Step_Picture_02=Makers_game_20170429_115210.jpg
+
<!--T:216-->
 +
Une fois identifié, vous pouvez taper: <code>sudo raspi-config</code> pour configurer la langue du clavier ( en français: http://www.tropfacile.net/doku.php/raspberry-pi/comment-passer-votre-raspberry-en-francais )
 +
 
 +
<!--T:217-->
 +
Installez openFrameworks en suivant le guide suivant: [http://openframeworks.cc/setup/raspberrypi/raspberry-pi-getting-started/ Getting your Raspberry Pi ready for openFrameworks]
 +
 
 +
<!--T:218-->
 +
Une fois openFrameworks installé et testé, vous pouvez maintenant télécharger le code des jeux et le compiler :
 +
 
 +
<!--T:243-->
 +
<code>cd /home/pi/openFrameworks/apps/myApps/
 +
git clone</code>
 +
 
 +
<!--T:244-->
 +
<code><nowiki>https://github.com/emlyon/makers-game-code.git</nowiki>
 +
make</code>
 +
 
 +
<!--T:245-->
 +
Ne lancez pas le programme maintenant: si l'Arduino n'est pas branchée, le programme ne peut pas fonctionner.
 +
 
 +
<!--T:219-->
 +
Pour que le jeu se lance automatiquement au démarrage, éditez le fichier <code>rc.local</code>:
 +
 
 +
<!--T:246-->
 +
<code>sudo nano /etc/rc.local</code>
 +
 
 +
<!--T:247-->
 +
Et ajouter avant la ligne <code>exit</code>:
 +
 
 +
<!--T:248-->
 +
<code>su pi -c 'cd /home/pi/openFrameworks/apps/myApps/makers-game-code && make run'</code>
 +
 
 +
<!--T:249-->
 +
Faites <code>Ctrl+x</code> pour quitter, puis <code>y</code> pour sauvegarder.</translate>
 +
|Step_Picture_00=Makers_game_Tourn_gauche.jpg
 +
}}
 +
{{Tuto Step
 +
|Step_Title=<translate><!--T:110--> Installer les boutons d’arcade</translate>
 +
|Step_Content=<translate></translate>
 +
|Step_Picture_00=Makers_game_20170429_135807.jpg
 +
|Step_Picture_01=Makers_game_20170429_135734.jpg
 +
|Step_Picture_02=Makers_game_20170429_135747.jpg
 +
}}
 +
{{Tuto Step
 +
|Step_Title=<translate><!--T:220--> Réaliser le montage électronique</translate>
 +
|Step_Content=<translate></translate>
 +
|Step_Picture_00=Makers_game_plan_makers_game.jpg
 +
}}
 +
{{Tuto Step
 +
|Step_Title=<translate><!--T:228--> Branchements des 10 boutons sur la Raspberry Pi</translate>
 +
|Step_Content=<translate></translate>
 +
|Step_Picture_00=Makers_game_18191420_10213168765520500_2103967889_n.jpg
 +
|Step_Picture_01=Makers_game_18253865_10213168765720505_1710207909_n.jpg
 +
}}
 +
{{Tuto Step
 +
|Step_Title=<translate><!--T:112--> Programmation du jeu "Pong" – JavaScript</translate>
 +
|Step_Content=<translate></translate>
 +
|Step_Picture_00=Makers_game_main2.png
 +
|Step_Picture_01=Makers_game_snake.png
 +
|Step_Picture_02=Makers_game_main.png
 +
|Step_Picture_03=Makers_game_p5.png
 +
}}
 +
{{Tuto Step
 +
|Step_Title=<translate><!--T:117--> Programmation du jeu "Snake" – Python</translate>
 +
|Step_Content=<translate></translate>
 +
|Step_Picture_00=Makers_game_snake.png
 
}}
 
}}
 
{{Tuto Step
 
{{Tuto Step
−
|Step_Title=Mettre un léger point de colle avec le pistolet à colle sur les fils extérieure à la grille
+
|Step_Title=<translate><!--T:137--> Mettre un léger point de colle avec le pistolet à colle sur les fils extérieure à la grille</translate>
−
|Step_Content=Ne pas mettre le pistolet trop près car cela risque de faire fondre les fils.
+
|Step_Content=<translate></translate>
 
|Step_Picture_00=Makers_game_20170429_141513.jpg
 
|Step_Picture_00=Makers_game_20170429_141513.jpg
 
}}
 
}}
 
{{Tuto Step
 
{{Tuto Step
−
|Step_Title=Réalisation du contour de la table
+
|Step_Title=<translate><!--T:139--> Réalisation du contour de la table</translate>
−
|Step_Content=Positionnement des cales. Placer les 6 cales rectangulaires permettant de faire le bord de la table et les visser. Ils serviront plus tard à coller le flexwood.
+
|Step_Content=<translate></translate>
−
 
 
−
•    2 cales de part et d’autre sur la largeur du rectangle
 
−
 
 
−
•    4 cales (2 de chaque côté) sur la longueur
 
−
 
 
−
•    placer les 4 coins arrondies
 
 
|Step_Picture_00=Makers_game_20170429_121104.jpg
 
|Step_Picture_00=Makers_game_20170429_121104.jpg
 
|Step_Picture_01=Makers_game_20170429_121117.jpg
 
|Step_Picture_01=Makers_game_20170429_121117.jpg
Ligne 176 : Ligne 248 :
 
}}
 
}}
 
{{Tuto Step
 
{{Tuto Step
−
|Step_Title=Coller le flexwood
+
|Step_Title=<translate><!--T:144--> Coller le flexwood</translate>
−
|Step_Content=Trouver le milieu de la largeur et notez-le sur la cale en bois.
+
|Step_Content=<translate></translate>
−
 
 
−
Placer le flewood à partir du milieu de la cale en bois
 
−
 
 
−
Coller le flexwood (mettre de la colle sur les parties ou il y a les cales).
 
−
 
 
−
Pour rejoindre les 2 bouts de flexwood : collez un petit bout de bois permettant de les réunir et de solidifier l’ensemble.
 
 
|Step_Picture_00=Makers_game_20170429_125738.jpg
 
|Step_Picture_00=Makers_game_20170429_125738.jpg
 
|Step_Picture_01=Makers_game_20170429_125747.jpg
 
|Step_Picture_01=Makers_game_20170429_125747.jpg
Ligne 189 : Ligne 255 :
 
}}
 
}}
 
{{Tuto Step
 
{{Tuto Step
−
|Step_Title=Percer un trou pour faire passer les fils électriques
+
|Step_Title=<translate><!--T:149--> Percer un trou pour faire passer les fils électriques</translate>
−
|Step_Content=Le trou doit se situer sur la longueur du coté où vous choisirez de mettre le joueur 1.
+
|Step_Content=<translate></translate>
 
|Step_Picture_00=Makers_game_20170429_124434.jpg
 
|Step_Picture_00=Makers_game_20170429_124434.jpg
 
|Step_Picture_01=Makers_game_20170429_124445.jpg
 
|Step_Picture_01=Makers_game_20170429_124445.jpg
Ligne 196 : Ligne 262 :
 
}}
 
}}
 
{{Tuto Step
 
{{Tuto Step
−
|Step_Title=Assemblage des boutons
+
|Step_Title=<translate><!--T:155--> Connexion des 10 boutons avec les GPIO</translate>
−
|Step_Content=•    Placer les boutons dans les trous du socle supérieure.
+
|Step_Content=<translate></translate>
−
 
 
−
•    Couper les anneaux métallique (environ 1/3).
 
−
 
 
−
•    Insérer les anneaux autour des boutons (l’objectif est de caler les boutons par rapport à la planche).
 
−
|Step_Picture_00=Makers_game_20170429_135603.jpg
 
−
|Step_Picture_01=Makers_game_20170429_135707.jpg
 
−
|Step_Picture_02=Makers_game_20170429_135734.jpg
 
−
|Step_Picture_03=Makers_game_20170429_135747.jpg
 
−
|Step_Picture_04=Makers_game_20170429_135807.jpg
 
−
}}
 
−
{{Tuto Step
 
−
|Step_Title=Connexion des 10 boutons avec les GPIO
 
−
|Step_Content=- Prenez 14 câbles que vous couperez en 2.
 
−
 
 
−
- Séparez en deux catégories les câbles: 12 câbles femelles et 11 câbles mâles
 
−
 
 
−
- Dénudez le bout des câbles pour pouvoir les étamer
 
−
 
 
−
- Prenez une carte epoxy
 
−
 
 
−
- Mettez de l'étain sur chaque rangée de la carte pour venir ensuite souder les câbles
 
−
 
 
−
- Soudez les câbles femelles sur la carte epoxy
 
−
 
 
−
- Afin de simplifier les connexions, mettre un ground et un 5v communs aux boutons, des circuits avec résistances 10Kohm sont réalisés sur des cartes de prototypage.
 
−
 
 
−
- On a relié les lignes de câbles qui sont sur la carte epoxy avec la ligne correspondant au ground avec une résistance 10 kohm.
 
−
 
 
−
- Sur la rangée libre de la carte epoxy brancher les câbles mâles sauf sur la rangée ground.
 
−
 
 
−
- Coupez tous les fils qui dépassent des soudures.
 
−
 
 
−
- Reliez chaque câble mâle sur un Domino.
 
−
 
 
−
- Sur les trois dominos : il y en avait un relié à un 5volt, il y en avait un relié aux 5 câbles pour les boutons du player 1 et le dernier reliés aux 5 câbles pour les 5 boutons du player 2.
 
−
 
 
−
- Passez les résistances à travers le Domino et venir souder chacune des extrémités (voir photo)
 
−
 
 
−
-Une fois le ground soudé, le connecter au rasspberry via ….
 
−
 
 
−
-Connecter le RB au ARDUINO UNO via USB Serial ( cf photo)
 
 
|Step_Picture_00=Makers_game_18191332_10213168765080489_1765224955_n.jpg
 
|Step_Picture_00=Makers_game_18191332_10213168765080489_1765224955_n.jpg
 
|Step_Picture_01=Makers_game_18191531_10213168764200467_130036441_n.jpg
 
|Step_Picture_01=Makers_game_18191531_10213168764200467_130036441_n.jpg
Ligne 244 : Ligne 269 :
 
}}
 
}}
 
{{Tuto Step
 
{{Tuto Step
−
|Step_Title=Installation des éléments électroniques de la table
+
|Step_Title=<translate><!--T:171--> Installation des éléments électroniques de la table</translate>
−
|Step_Content=-Disposez les bandes de LED de manière régulière dans les axes définis afin que chaque bande passe à travers les trous du quadrillage.
+
|Step_Content=<translate></translate>
−
 
 
−
-Coller le quadrillage à ses 4 extrémités une fois disposé. Collez aussi les fils des led sur le plateau de bois
 
−
 
 
−
-Faites sortir la sortie des LED en faisant attention à ne pas tirer sur les câbles
 
−
 
 
−
-Connectez via domino le ARDUINO UNO
 
−
 
 
−
- Une fois les côtés Player 1 et Player 2 définis, posez l'Arduino et le RB du côté du Player 1.
 
−
 
 
−
- Faites glisser les fils connectés aux boutons à travers les trous qui y sont destinés
 
−
 
 
−
- Coupez la moitié des fils du côté du Player 1 et dénudez les afin de gagner en ergonomie.
 
−
 
 
−
- Décollez chaque paire de fil. Pour chaque paire, prenez un des deux fils et reliez-le à un domino. Rajoutez un fil supplémentaire au domino (il sera connecté au 5V). Faites cela de chaque côté.
 
−
 
 
−
- Branchez les fils restants au RB aux emplacements correspondants. Assurez vous de bien respecter les emplacements des fils que vous avez défini auparavant, sans quoi les boutons ne marcheront pas comme vous le souhaitez !
 
−
 
 
−
- Insérez la carte SD chargée du jeu.
 
−
 
 
−
- Branchez la table afin de vous assurer que tous les LED fonctionnent.
 
−
 
 
−
- Vérifiez que le jeu et les boutons fonctionnent avant de refermer la table.
 
 
|Step_Picture_00=Makers_game_18191420_10213168765520500_2103967889_n.jpg
 
|Step_Picture_00=Makers_game_18191420_10213168765520500_2103967889_n.jpg
 
|Step_Picture_01=Makers_game_18197814_10213168764840483_193437381_n.jpg
 
|Step_Picture_01=Makers_game_18197814_10213168764840483_193437381_n.jpg
 
|Step_Picture_02=Makers_game_18216930_10213168764960486_41233358_n.jpg
 
|Step_Picture_02=Makers_game_18216930_10213168764960486_41233358_n.jpg
 
|Step_Picture_03=Makers_game_18253865_10213168765720505_1710207909_n.jpg
 
|Step_Picture_03=Makers_game_18253865_10213168765720505_1710207909_n.jpg
−
}}
 
−
{{Tuto Step
 
−
|Step_Title=A vous de jouer !
 
−
|Step_Content=Voir notre vidéo du Bootcamp : https://youtu.be/QJow042pSI0
 
−
|Step_Picture_00=Makers_game_Final.png
 
 
}}
 
}}
 
{{Notes
 
{{Notes
−
|Notes=Site du makers' lab d'emlyon business school : http://makerslab.em-lyon.com/
+
|Notes=<translate></translate>
 
}}
 
}}
 
{{Tuto Status
 
{{Tuto Status
−
|Complete=Yes
+
|Complete=Published
 
}}
 
}}

Version actuelle datée du 9 décembre 2019 à 11:42

Table d'arcade pour jouer à Pong, Snake ou Tetris entre amis.

Auteur avatarmakers' lab | Dernière modification 9/12/2019 par Clementflipo

Makers game makersgame rendu.png
Difficulté
Difficile
Durée
2 jour(s)
Catégories
Art, Mobilier, Jeux & Loisirs
Coût
300 EUR (€)
Table d'arcade pour jouer à Pong, Snake ou Tetris entre amis.
Difficulté
Difficile
Durée
2 jour(s)
Catégories
Art, Mobilier, Jeux & Loisirs
Coût
300 EUR (€)
Autres langues :
français
Licence : Attribution-ShareAlike (CC BY-SA)

Introduction

Le rétro-gaming, c'est le pied ! Débarrassez la table basse de l'apéro des habituels jeux de société, et retrouvez Pong, Snake et Tetris dans une dimension inattendue.

Video d'introduction

Matériaux

  • contre-plaqué d’épaisseur 10mm
  • médium d'épaisseur 3mm
  • Arduino, carte epoxy
  • Raspberry Pi 1
  • ruban de LED

Outils

  • découpeuse laser
  • pistolet à colle, papier à poncer, perceuse-visseuse, fer à souder

Rocket kit

Table arcade bandeau.svg
Table arcade dessous.svg
Table arcade dessus.svg
Table arcade pieds.svg
Table arcade quadrillage interieur.svg
Table arcade vitre.svg

Étape 1 - Découper les pièces

Dans l’onglet fichier, télécharger les documents. Et découper à la laser :

En contre-plaqué de 10mm d’épaisseur :

  • pieds de la table (x4)
  • plateau du dessous (x1)
  • plateau du dessus avec pièces annexes (x1) Poncer les rebords des découpes afin d’obtenir un rendu propre.

En médium de 3mm d’épaisseur:

  • 4 x bandeaux contours de la table (médium)
  • 1 x quadrillage intérieur (x1)

En PMMA:

  • vitre de la table (x1)
Makers game dessus.png
Makers game pieds.png
Makers game decoupe-laser-machine.jpg


Étape 2 - Poncer les pièces

Nettoyer et poncer les pieds pour enlever les traces de brûlures. Pour poncer, faites des mouvements circulaires dans le sens du bois.

Makers game thumb 20170429 101113 1024.jpg
Makers game thumb 20170429 101131 1024.jpg
Makers game thumb 20170429 102305 1024.jpg


Étape 3 - Assembler la table

Assembler les pieds :

  • Nettoyer soigneusement les trous taraudés des vis.
  • Visser les planches de bois deux à deux (vis de 2,5 x 20mm)
  • Insérer les 4 pieds dans le plateau du dessous et visser
Attention à ne pas abimer les encoches !

Assembler la grille :

  • Vous munir de patience !
  • Les lattes verticales et horizontales doivent être bien alignées une fois enfoncées.
Makers game 20170429 112425.jpg
Makers game 20170429 111343.jpg



Étape 4 - Mettre en place le bandeau

Emboiter les 6 cales de CP 10mm aux emplacements sur le plateau du dessous et les fixer avec des vis à bois.

Une fois les cales vissées, placer les 4 pièces découpées en amont pour les angles arrondis de la table.

Trouver le milieu de la largeur de chaque bandeau et le marquer sur la cale en bois.

Placer le flexwood à partir du milieu de la cale en bois.

Coller le flexwood (mettre de la colle à bois sur les parties où il y a les cales).

Pour rejoindre les 2 bouts de flexwood : collez un petit bout de medium 3mm permettant de les réunir et de solidifier l’ensemble.

Makers game 20170429 125747.jpg
Makers game 20170429 121753.jpg
Makers game 20170429 121626.jpg
Makers game 20170429 125738.jpg
Makers game 20170429 121117.jpg

Étape 5 - Préparer et installer le ruban de LED

Nous avons utilisé le ruban de leds Adafruit Neopixel (11 x 19 = 209 leds).

Couper votre ruban en 19 rubans de 11 leds.

Souder les extrémités de vos rubans de façon à réaliser un « serpent » (cf. photo): GND - GND /  DIN - DOUT / 5V - 5V. Attention: la longueur de vos fils doit être suffisante pour pouvoir disposer les leds comme sur la photo.

Une fois les soudures réalisées, les fixer avec un point de pistolet à colle.

Placer le ruban LED sur la table. Faire en sorte que chaque LED soit à peu près au milieu de chaque case de la grille. Les câbles doivent pouvoir passer entre les encoches supérieures des pieds de la table.

Tester les soudures de votre ruban à l’aide de l’Arduino Uno. Pour cela, nous utilisons l’exemple « Simple » de la librairie « Adafruit Neopixel ».

Une fois testé, disposer parfaitement votre ruban de legs et enfoncer la grille dans le plateau du dessous de la table.

Programme disponible sur Github: arcadeTable_arduino
Makers game 20170429 112533.jpg
Makers game 20170429 112550.jpg
Makers game 20170429 141513.jpg
Makers game 20170429 115210.jpg


Étape 6 - Programmer la Raspberry Pi 1

Installer le système de la Raspberry Pi:

Télécharger et copier l’image de Raspbian Stretch Lite sur votre Raspberry Pi en utilisant Etcher.io.

Vous pouvez suivre le guide installing operating system images pour plus de détails.

Démarrer votre Raspberry Pi avec un clavier, un câble ethernet relié à votre box internet et un écran branchés.

( identifiant par défaut: pi / mot de passe: raspberry )

Une fois identifié, vous pouvez taper: sudo raspi-config pour configurer la langue du clavier ( en français: http://www.tropfacile.net/doku.php/raspberry-pi/comment-passer-votre-raspberry-en-francais )

Installez openFrameworks en suivant le guide suivant: Getting your Raspberry Pi ready for openFrameworks

Une fois openFrameworks installé et testé, vous pouvez maintenant télécharger le code des jeux et le compiler :

cd /home/pi/openFrameworks/apps/myApps/ git clone

https://github.com/emlyon/makers-game-code.git make

Ne lancez pas le programme maintenant: si l'Arduino n'est pas branchée, le programme ne peut pas fonctionner.

Pour que le jeu se lance automatiquement au démarrage, éditez le fichier rc.local:

sudo nano /etc/rc.local

Et ajouter avant la ligne exit:

su pi -c 'cd /home/pi/openFrameworks/apps/myApps/makers-game-code && make run'

Faites Ctrl+x pour quitter, puis y pour sauvegarder.

Makers game Tourn gauche.jpg




Étape 7 - Installer les boutons d’arcade

Makers game 20170429 135807.jpg
Makers game 20170429 135734.jpg
Makers game 20170429 135747.jpg


Étape 8 - Réaliser le montage électronique

Makers game plan makers game.jpg




Étape 9 - Branchements des 10 boutons sur la Raspberry Pi

Makers game 18191420 10213168765520500 2103967889 n.jpg
Makers game 18253865 10213168765720505 1710207909 n.jpg



Étape 10 - Programmation du jeu "Pong" – JavaScript

Makers game main2.png
Makers game snake.png
Makers game main.png
Makers game p5.png


Étape 11 - Programmation du jeu "Snake" – Python

Makers game snake.png




Étape 12 - Mettre un léger point de colle avec le pistolet à colle sur les fils extérieure à la grille

Makers game 20170429 141513.jpg




Étape 13 - Réalisation du contour de la table

Makers game 20170429 121104.jpg
Makers game 20170429 121117.jpg
Makers game 20170429 121626.jpg
Makers game 20170429 123024.jpg
Makers game 20170429 123034.jpg
Makers game 20170429 134821.jpg

Étape 14 - Coller le flexwood

Makers game 20170429 125738.jpg
Makers game 20170429 125747.jpg
Makers game 20170429 121753.jpg


Étape 15 - Percer un trou pour faire passer les fils électriques

Makers game 20170429 124434.jpg
Makers game 20170429 124445.jpg
Makers game 20170429 124451.jpg


Étape 16 - Connexion des 10 boutons avec les GPIO

Makers game 18191332 10213168765080489 1765224955 n.jpg
Makers game 18191531 10213168764200467 130036441 n.jpg
Makers game 18217024 10213168764240468 811629830 n.jpg


Étape 17 - Installation des éléments électroniques de la table

Makers game 18191420 10213168765520500 2103967889 n.jpg
Makers game 18197814 10213168764840483 193437381 n.jpg
Makers game 18216930 10213168764960486 41233358 n.jpg
Makers game 18253865 10213168765720505 1710207909 n.jpg


Commentaires

Published

Récupérée de « https://wikifab.org/w/index.php?title=Makers_game&oldid=72021 »
© 2017 - 2024 Dokit, SAS.