Makers game : Différence entre versions

(update property name)
 
(41 révisions intermédiaires par 11 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
 
{{Tuto Details
 
{{Tuto Details
|Type=Technique
+
|Main_Picture=Makers_game_makersgame_rendu.png
|Area=Mobilier, Jeux & Loisirs, Art
+
|Licences=Attribution-ShareAlike (CC BY-SA)
|Tags=table, table arcade, jeux vidéos,
+
|Description=<translate><!--T:94--> Table d'arcade pour jouer à Pong, Snake ou Tetris entre amis.</translate>
|Description=Le makers game est une table arcade fabriquée au makers lab de emlyon business school. 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 !
+
|Area=Art, Furniture, Play and Hobbies
|Difficulty=Difficile
+
|Type=Creation
 +
|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=jour(s)
+
|SourceLanguage=none
|Licences=Attribution - Partage dans les Mêmes Conditions (CC BY-SA)
+
|Language=fr
|Main_Picture=Makers_game_makersgame.jpg
+
|IsTranslation=0
 
}}
 
}}
 
{{Introduction
 
{{Introduction
|Introduction=Ceci est une modif de l' intro test
+
|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
 +
|Step_Picture_00=Makers_game_makersgame.jpg
 +
|Material=<translate><!--T:96-->
 +
* contre-plaqué d’épaisseur 10mm
 +
* médium d'épaisseur 3mm
 +
* Arduino, carte epoxy
 +
* 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 28 : Ligne 48 :
 
}}{{Tuto Attachments
 
}}{{Tuto Attachments
 
|Attachment=Table arcade vitre.svg
 
|Attachment=Table arcade vitre.svg
 +
}}{{Tuto Attachments}}{{Tuto Attachments}}
 
}}
 
}}
 +
{{Separator}}
 +
{{Tuto Step
 +
|Step_Title=<translate><!--T:97--> Découper les pièces</translate>
 +
|Step_Content=<translate><!--T:98-->
 +
Dans l’onglet fichier, '''télécharger les documents'''. Et '''découper à la laser :'''
 +
 +
<!--T:191-->
 +
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)
 +
 +
<!--T:196-->
 +
En '''PMMA''':
 +
* vitre de la table (x1)</translate>
 +
|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
 +
|Step_Title=<translate><!--T:197--> Poncer les pièces</translate>
 +
|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
 +
|Step_Picture_01=Makers_game_thumb_20170429_101131_1024.jpg
 +
|Step_Picture_02=Makers_game_thumb_20170429_102305_1024.jpg
 +
}}
 +
{{Tuto Step
 +
|Step_Title=<translate><!--T:102--> Assembler la table</translate>
 +
|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 !}}
 +
 +
<!--T:192-->
 +
'''Assembler la grille :'''
 +
* Vous munir de patience !
 +
* Les lattes verticales et horizontales doivent être bien alignées une fois enfoncées.</translate>
 +
|Step_Picture_00=Makers_game_20170429_112425.jpg
 +
|Step_Picture_01=Makers_game_20170429_111343.jpg
 +
}}
 +
{{Tuto Step
 +
|Step_Title=<translate><!--T:199--> Mettre en place le bandeau</translate>
 +
|Step_Content=<translate><!--T:200-->
 +
Emboiter les 6 cales de CP 10mm aux emplacements sur le plateau du dessous et les fixer avec des vis à bois.
 +
 +
<!--T:201-->
 +
Une fois les cales vissées, placer les 4 pièces découpées en amont pour les angles arrondis de la table.
 +
 +
<!--T:202-->
 +
Trouver le milieu de la largeur de chaque bandeau et le marquer sur la cale en bois.
 +
 +
<!--T:203-->
 +
Placer le flexwood à partir du milieu de la cale en bois.
 +
 +
<!--T:204-->
 +
Coller le flexwood (mettre de la colle à bois sur les parties où il y a les cales).
 +
 +
<!--T:205-->
 +
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_00=Makers_game_20170429_125747.jpg
 +
|Step_Picture_01=Makers_game_20170429_121753.jpg
 +
|Step_Picture_02=Makers_game_20170429_121626.jpg
 +
|Step_Picture_03=Makers_game_20170429_125738.jpg
 +
|Step_Picture_04=Makers_game_20170429_121117.jpg
 
}}
 
}}
{{Separator}}
 
 
{{Tuto Step
 
{{Tuto Step
|Step_Title=Récupération des modèles
+
|Step_Title=<translate><!--T:105--> Préparer et installer le ruban de LED</translate>
|Step_Content=Rendez vous dans l’onglet Fichiers de ce tutoriel.
+
|Step_Content=<translate><!--T:106-->
 +
Nous avons utilisé le [https://www.adafruit.com/product/1138 ruban de leds Adafruit Neopixel] (11 x 19 = 209 leds).
 +
 
 +
<!--T:206-->
 +
Couper votre ruban en '''19 rubans de 11 leds'''.
 +
 
 +
<!--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.
 +
 
 +
<!--T:208-->
 +
Une fois les soudures réalisées, les fixer avec un point de pistolet à colle.
  
Téléchargez les 6 fichiers.
+
<!--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.
  
Ouvrez un par un ces fichiers sur le logiciel Illustrator. Chacun représente une partie de la table d’arcade.
+
<!--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 ».
  
Voici les parties qui constitueront la table, et que vous allez découper:
+
<!--T:211-->
* pieds de la table (à découper x4)
+
Une fois testé, disposer parfaitement votre ruban de legs et '''enfoncer la grille dans le plateau''' du dessous de la table.
* bandeaux contours de la table (x4)
+
{{Info|Programme disponible sur Github: [https://github.com/emlyon/arcadeTable arcadeTable_arduino]}}</translate>
* plateau du dessous (x1)
+
|Step_Picture_00=Makers_game_20170429_112533.jpg
* quadrillage intérieur (x1)
+
|Step_Picture_01=Makers_game_20170429_112550.jpg
* Plateau du dessus avec pièces annexes (x1)
+
|Step_Picture_02=Makers_game_20170429_141513.jpg
|Step_Picture_00=Makers_game_dessus.png
+
|Step_Picture_03=Makers_game_20170429_115210.jpg
 
}}
 
}}
 
{{Tuto Step
 
{{Tuto Step
|Step_Title=Personnalisation des pieds de table (facultatif)
+
|Step_Title=<translate><!--T:108--> Programmer la Raspberry Pi 1</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:109-->
 +
'''Installer le système de la Raspberry Pi''':
 +
 
 +
<!--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].
 +
 
 +
<!--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.
 +
 
 +
<!--T:214-->
 +
Démarrer votre Raspberry Pi avec un clavier, un câble ethernet relié à votre box internet et un écran branchés.
 +
 
 +
<!--T:215-->
 +
( identifiant par défaut: pi / mot de passe: raspberry )
 +
 
 +
<!--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]
  
Pensez à supprimer ce cadre avant de procéder à la découpe.
+
<!--T:218-->
|Step_Picture_00=Makers_game_pieds.png
+
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
 +
|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=<translate></translate>
 +
|Step_Picture_00=Makers_game_20170429_141513.jpg
 +
}}
 +
{{Tuto Step
 +
|Step_Title=<translate><!--T:139--> Réalisation du contour de la table</translate>
 +
|Step_Content=<translate></translate>
 +
|Step_Picture_00=Makers_game_20170429_121104.jpg
 +
|Step_Picture_01=Makers_game_20170429_121117.jpg
 +
|Step_Picture_02=Makers_game_20170429_121626.jpg
 +
|Step_Picture_03=Makers_game_20170429_123024.jpg
 +
|Step_Picture_04=Makers_game_20170429_123034.jpg
 +
|Step_Picture_05=Makers_game_20170429_134821.jpg
 +
}}
 +
{{Tuto Step
 +
|Step_Title=<translate><!--T:144--> Coller le flexwood</translate>
 +
|Step_Content=<translate></translate>
 +
|Step_Picture_00=Makers_game_20170429_125738.jpg
 +
|Step_Picture_01=Makers_game_20170429_125747.jpg
 +
|Step_Picture_02=Makers_game_20170429_121753.jpg
 +
}}
 +
{{Tuto Step
 +
|Step_Title=<translate><!--T:149--> Percer un trou pour faire passer les fils électriques</translate>
 +
|Step_Content=<translate></translate>
 +
|Step_Picture_00=Makers_game_20170429_124434.jpg
 +
|Step_Picture_01=Makers_game_20170429_124445.jpg
 +
|Step_Picture_02=Makers_game_20170429_124451.jpg
 +
}}
 +
{{Tuto Step
 +
|Step_Title=<translate><!--T:155--> Connexion des 10 boutons avec les GPIO</translate>
 +
|Step_Content=<translate></translate>
 +
|Step_Picture_00=Makers_game_18191332_10213168765080489_1765224955_n.jpg
 +
|Step_Picture_01=Makers_game_18191531_10213168764200467_130036441_n.jpg
 +
|Step_Picture_02=Makers_game_18217024_10213168764240468_811629830_n.jpg
 +
}}
 +
{{Tuto Step
 +
|Step_Title=<translate><!--T:171--> Installation des éléments électroniques de la table</translate>
 +
|Step_Content=<translate></translate>
 +
|Step_Picture_00=Makers_game_18191420_10213168765520500_2103967889_n.jpg
 +
|Step_Picture_01=Makers_game_18197814_10213168764840483_193437381_n.jpg
 +
|Step_Picture_02=Makers_game_18216930_10213168764960486_41233358_n.jpg
 +
|Step_Picture_03=Makers_game_18253865_10213168765720505_1710207909_n.jpg
 +
}}
 +
{{Notes
 +
|Notes=<translate></translate>
 +
}}
 +
{{Tuto Status
 +
|Complete=Published
 
}}
 
}}
{{Notes}}
 
{{Tuto Status}}
 

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

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

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

É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)


É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.


É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.



É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.

É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


É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.




Étape 7 - Installer les boutons d’arcade


Étape 8 - Réaliser le montage électronique




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



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


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




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




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

Étape 14 - Coller le flexwood


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


Étape 16 - Connexion des 10 boutons avec les GPIO


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


Commentaires

Published