Bannière liberation Rennes 2.jpg

A l'occasion des 80 ans de la libération de Rennes, (re)découvrez l'ensemble des
contributions autour de la Seconde Guerre mondiale et de la libération sur Wiki-Rennes.

« MétroMix 2017/StarLight » : différence entre les versions

De WikiRennes
Aller à la navigationAller à la recherche
Aucun résumé des modifications
(recat)
 
(13 versions intermédiaires par 6 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
[[fichier:starlight1.jpeg|thumb]]
[[fichier:starlight1.jpeg|thumb]]
[[fichier:led strip starlight.png|thumb]]
StarLight c'est un jeu accessible à tous qui va mettre une étincelle dans votre trajet de bus.  
StarLight c'est un jeu accessible à tous qui va mettre une étincelle dans votre trajet de bus.  


Dans le bus, chacun se referme sur soi, il n'y a pas de connexion entre les personnes. Nous proposons d'installer un jeu du type 1D pong ([[vidéo youtube]]) apportant des interactions entre les voyageurs et un résultat visuel agréable. Les joueurs se renvoient le signal lumineux pour remporter la partie et se connectent entre eux d'une nouvelle manière.  
Les bus et métro sont des espaces ternes, conçus pour résister et non pour vivre. Ce que StarLight propose, c'est une nouvelle expérience dans les transports en commun. Nous venons mettre de la couleur dans vos trajets quotidiens. 
 
Le jeu est une pratique qui connecte les personnes depuis le début de l'humanité. Celui que nous proposons est très simple et intuitif. C'est un jeu rétro, que l'on pourrait presque trouver sur une borne d'arcade. Avec ce jeu, nous faisons passer le bus de ringard, dépassé à vintage.
 
Ce jeu c'est le 1D pong ([https://www.youtube.com/watch?v=b7CsDeUTwxM exemple de réalisation]). Les 2 joueurs, d'un bout à l'autre d'une ligne de LED, se renvoient un signal lumineux en appuyant au bon moment sur le bouton en face d'eux. Les boutons sont installés dans le bus, à côté de sièges se faisant face et distants de quelques mètres. Il sont reliés par la bande de LED parcourant le plafond du bus.


== Comment ça fonctionne ?  ==
== Comment ça fonctionne ?  ==
=== Scénario utilisateur ===
=== Scénario utilisateur ===
Marcus, 5 ans, rentre le bus avec sa maman et est attiré par le nouveau bouton installé. Il appuie dessus et un signal lumineux bleu remonte le long de la barre de bus et parcours la ligne de LED fixée sur le plafond du bus. Ce signal lumineux se divise dans les différentes branches de la ligne principale vers chaque bouton. Les personnes installées à côté de chaque bouton peuvent ensuite répondre à cette invitation à jouer. Alors la partie démarre et les joueurs se renvoient la balle lumineuse. Le joueur doit appuyer sur le bouton au bon moment quand la balle arrive sinon il perd la partie.   
Marcus, 5 ans, entre dans le bus avec sa maman et est attiré par le nouveau bouton installé. Il appuie dessus et un signal lumineux bleu remonte le long de la barre de bus et parcourt la ligne de LED fixée sur le plafond du bus. Ce signal lumineux se divise dans les différentes branches de la ligne principale vers chaque bouton. Les personnes installées à côté de chaque bouton peuvent ensuite répondre à cette invitation à jouer. Alors la partie démarre et les joueurs se renvoient la balle lumineuse. Le joueur doit appuyer sur le bouton au bon moment quand la balle arrive sinon il perd la partie.   


=== Aspects techniques ===
=== Aspects techniques ===
Ligne 14 : Ligne 19 :
* 2m de ligne de LED adressable  
* 2m de ligne de LED adressable  
* 1 batterie DC 5V-1.5A 7800mAh  
* 1 batterie DC 5V-1.5A 7800mAh  
* <nowiki>1 la boite => http://www.labfab.fr/portfolio-item/weatherblock/ </nowiki>
* 1 [https://www.laboite.cc/help laboite.cc]
* 2 boutons d'arcade  
* 2 boutons d'arcade  
* des fils !  
* des fils !
 
La documentation technique détaillée ainsi que le code source Arduino est disponible sur [https://github.com/jlebunetel/StarLight GitHub].
 
[[Fichier:Starlight-1600.jpg|frameless|800x480px]]


== Déroulé ==
== Déroulé ==
Ligne 26 : Ligne 35 :


===== Expérimentation de jeu dans métro =====
===== Expérimentation de jeu dans métro =====
Aude, Julien et Alexandre sont allés dans le métro avec un ballon de baudruche. Comme s'il ne se connaissait pas ils ont commencé à se faire des passes puis à envoyer le ballon sur d'autres voyageurs.  
Aude, Julien et Alexandre sont allés dans le métro avec un ballon de baudruche. Comme s'ils ne se connaissaient pas ils ont commencé à se faire des passes puis à envoyer le ballon sur d'autres voyageurs.  


===== [https://twitter.com/MetromixRennes/status/931570557576888321 Restitution de la première journée en vidéo sur Twitter] =====
===== [https://twitter.com/MetromixRennes/status/931570557576888321 Restitution de la première journée en vidéo sur Twitter] =====
Ligne 48 : Ligne 57 :


=== Journée 3 ===
=== Journée 3 ===
Julien, Alexandre et Théo
Sabrina, Julien, Alexandre, Claude et Théo


<nowiki>Julien a bossé tard la veille sur l'électronique ! Boutons connectés de chaque côté de la longueur de LED. https://twitter.com/MetromixRennes/status/932194890598973440 </nowiki>
<nowiki>Julien a bossé tard la veille sur l'électronique ! Boutons connectés de chaque côté de la longueur de LED. https://twitter.com/MetromixRennes/status/932194890598973440 </nowiki>
Ligne 54 : Ligne 63 :
Début du code du jeu. Création de l'arbre de possibilités.  
Début du code du jeu. Création de l'arbre de possibilités.  


=> l'alimentation + arduino seront reportés au plafond pour éviter d'avoir une boite trop  grande à portée des passagers. Seuls les boutons seront accessible. Julien a rapporter des pédales pour remplacer les boutons. Ce peut être une autre solution d'interaction !
=> l'alimentation + arduino seront reportés au plafond pour éviter d'avoir une boite trop  grande à portée des passagers. Seuls les boutons seront accessibles. Julien a rapporté des pédales pour remplacer les boutons. Ce peut être une autre solution d'interaction !


Tableau de prix du matériel nécessaire pour le projet par Théo => estimation à 400€ de matériel  
Tableau de prix du matériel nécessaire pour le projet par Théo => estimation à 400€ de matériel  
Ligne 64 : Ligne 73 :
Création de la présentation par Alexandre.   
Création de la présentation par Alexandre.   


Coaching par Stéphane et Richard : Mettre en avant les 3 points forts de notre projet => Le jeu fédérateur depuis le début des temps, les transports sont des endroits glauques et ringard, on apporte un côté fun et le côté retro gaming pour passer du ringard au vintage. Lors du pitch final, participation du public.   
Coaching par Stéphane et Richard : Mettre en avant les 3 points forts de notre projet => Le jeu fédérateur depuis le début des temps, les transports sont des endroits glauques et ringards, on apporte un côté fun et le côté retro gaming pour passer du ringard au vintage. Lors du pitch final, participation du public.   


Dessins de mise en situation de la solution aidé par Elisa   
Dessins de mise en situation de la solution par Alexandre aidé par Elisa   
 
Travail du code du jeu et de l'afficheur par Julien 


== Le raisonnement ==
== Le raisonnement ==
Ligne 75 : Ligne 86 :


=== Les questions que l'on s'est posées ===
=== Les questions que l'on s'est posées ===
* Y a-t-il qu'un jeu possible ? Jeu open source donc possibilité de charger des jeux proposés par la communauté.  
* N'y a-t-il qu'un jeu possible ? Jeu open source donc possibilité de charger des jeux proposés par la communauté.  


* Bien identifier le bouton pour comprendre que c'est un jeu et non un bouton d'urgence. "JOUER !" sur le boîtier du bouton.  
* Bien identifier le bouton pour comprendre que c'est un jeu et non un bouton d'urgence. "JOUER !" sur le boîtier du bouton.  
* Les passagers qui ne jouent pas sont spectateurs. Est-ce que ça les gêne visuellement ? Est-ce qu'ils deviennent supporter du bouton le + proche d'eux ? Une équipe de boutons avant du wagon versus équipe de bouton avant du wagon ?
* Les passagers qui ne jouent pas sont spectateurs. Est-ce que ça les gêne visuellement ? Est-ce qu'ils deviennent supporteurs du bouton le + proche d'eux ? Une équipe de boutons avant du wagon versus équipe de bouton avant du wagon ?
* Comment intégrer l'installation dans un bus ? Parcours des câblages ? Perçage dans une barre de bus ?  
* Comment intégrer l'installation dans un bus ? Parcours des câblages ? Perçage dans une barre de bus ?  
* Ce projet pourrait faire partie d'un projet de technologie de collégien : au programme soudage, initiation Arduino et code simplement. Le travail minimum est de créer le jeu simple. Pour aller plus loin, d'autres jeux sont envisageables. Possibilité de simuler le résultat du code sur circuits.io  
* Ce projet pourrait faire partie d'un projet de technologie de collégien : au programme soudage, initiation Arduino et code simplement. Le travail minimum est de créer le jeu simple. Pour aller plus loin, d'autres jeux sont envisageables. Possibilité de simuler le résultat du code sur circuits.io  
Ligne 158 : Ligne 169 :


== L'équipe ==
== L'équipe ==
Julien @JLebunetel
Claude
Alexandre @alexandreBVG
Anna
Aude
Sabrina
Raphaël
Hadi
Sadhi
Théo Vital @TheoVital


''Photo d'équipe => [https://www.twitter.com/ Twitter] ''
* Julien [https://www.twitter.com/JLebunetel @JLebunetel]
* Claude
* Alexandre [https://www.twitter.com/alexandreBVG @alexandreBVG]
* Anna
* Aude
* Sabrina
* Raphaël
* Hadi
* Sadhi
* Théo Vital [https://www.twitter.com/TheoVital @TheoVital]


== Ressources ==
== Ressources ==
Ligne 190 : Ligne 191 :
[https://twitter.com/assobug/status/931516188605190144 Image 1]
[https://twitter.com/assobug/status/931516188605190144 Image 1]


[[Catégorie:MétroMix]]
[[Catégorie:MétroMix 2017]]

Version actuelle datée du 16 mars 2019 à 19:07

Starlight1.jpeg
Led strip starlight.png

StarLight c'est un jeu accessible à tous qui va mettre une étincelle dans votre trajet de bus.

Les bus et métro sont des espaces ternes, conçus pour résister et non pour vivre. Ce que StarLight propose, c'est une nouvelle expérience dans les transports en commun. Nous venons mettre de la couleur dans vos trajets quotidiens.

Le jeu est une pratique qui connecte les personnes depuis le début de l'humanité. Celui que nous proposons est très simple et intuitif. C'est un jeu rétro, que l'on pourrait presque trouver sur une borne d'arcade. Avec ce jeu, nous faisons passer le bus de ringard, dépassé à vintage.

Ce jeu c'est le 1D pong (exemple de réalisation). Les 2 joueurs, d'un bout à l'autre d'une ligne de LED, se renvoient un signal lumineux en appuyant au bon moment sur le bouton en face d'eux. Les boutons sont installés dans le bus, à côté de sièges se faisant face et distants de quelques mètres. Il sont reliés par la bande de LED parcourant le plafond du bus.

Comment ça fonctionne ?

Scénario utilisateur

Marcus, 5 ans, entre dans le bus avec sa maman et est attiré par le nouveau bouton installé. Il appuie dessus et un signal lumineux bleu remonte le long de la barre de bus et parcourt la ligne de LED fixée sur le plafond du bus. Ce signal lumineux se divise dans les différentes branches de la ligne principale vers chaque bouton. Les personnes installées à côté de chaque bouton peuvent ensuite répondre à cette invitation à jouer. Alors la partie démarre et les joueurs se renvoient la balle lumineuse. Le joueur doit appuyer sur le bouton au bon moment quand la balle arrive sinon il perd la partie.

Aspects techniques

Matériel pour le prototype

  • 1 Arduino UNO puis passage à l'Arduino MEGA car pas assez de mémoire flash et RAM
  • 2m de ligne de LED adressable
  • 1 batterie DC 5V-1.5A 7800mAh
  • 1 laboite.cc
  • 2 boutons d'arcade
  • des fils !

La documentation technique détaillée ainsi que le code source Arduino est disponible sur GitHub.

Starlight-1600.jpg

Déroulé

Journée 1

Aude, Sabrina, Julien, Claude, Hadi, Sadhi, Raphaël et Théo

Crazy8

Méthode de divergence pour faire émerger des idées.

Expérimentation de jeu dans métro

Aude, Julien et Alexandre sont allés dans le métro avec un ballon de baudruche. Comme s'ils ne se connaissaient pas ils ont commencé à se faire des passes puis à envoyer le ballon sur d'autres voyageurs.

Restitution de la première journée en vidéo sur Twitter

Journée 2

Anna, Sabrina, Claude, Alexandre, Julien et Théo

Liste du matériel nécessaire : Arduino, Ligne de LED, Alimentation, boutons poussoirs d'arcade, carton ou bois pour faire le boitier

Planification de la suite

Initiation à Arduino par Julien

Recherche de matériel : Ligne de LED au fablab de l'ESAAB, condensateur pour éviter de griller l'ordi de l'arduino lorsqu'on branche la bande de LED, batterie pour alimenter la ligne de LED + Arduino.

Julien =>Début de l'installation et des test des lignes de LED. Soudage des deux lignes LED et début du code pour les contrôler. Déplacement de la balle et création des raquettes de couleur au bout des LED.

Modélisation de la boite en 3D pour le rendu visuel (Sabrina) et en 2D pour la découpe laser (Alexandre).

Pitch

Journée 3

Sabrina, Julien, Alexandre, Claude et Théo

Julien a bossé tard la veille sur l'électronique ! Boutons connectés de chaque côté de la longueur de LED. https://twitter.com/MetromixRennes/status/932194890598973440

Début du code du jeu. Création de l'arbre de possibilités.

=> l'alimentation + arduino seront reportés au plafond pour éviter d'avoir une boite trop grande à portée des passagers. Seuls les boutons seront accessibles. Julien a rapporté des pédales pour remplacer les boutons. Ce peut être une autre solution d'interaction !

Tableau de prix du matériel nécessaire pour le projet par Théo => estimation à 400€ de matériel

Création du jingle du jeu par Théo

Création du logo retro par Alexandre

Création de la présentation par Alexandre.

Coaching par Stéphane et Richard : Mettre en avant les 3 points forts de notre projet => Le jeu fédérateur depuis le début des temps, les transports sont des endroits glauques et ringards, on apporte un côté fun et le côté retro gaming pour passer du ringard au vintage. Lors du pitch final, participation du public.

Dessins de mise en situation de la solution par Alexandre aidé par Elisa

Travail du code du jeu et de l'afficheur par Julien

Le raisonnement

Le constat initial

  • Le public visé : tous les passagers du bus, les enfants en premier pour les occuper.
  • Quels sont ses besoins : S'occuper, se connecter avec les autres passagers

Les questions que l'on s'est posées

  • N'y a-t-il qu'un jeu possible ? Jeu open source donc possibilité de charger des jeux proposés par la communauté.
  • Bien identifier le bouton pour comprendre que c'est un jeu et non un bouton d'urgence. "JOUER !" sur le boîtier du bouton.
  • Les passagers qui ne jouent pas sont spectateurs. Est-ce que ça les gêne visuellement ? Est-ce qu'ils deviennent supporteurs du bouton le + proche d'eux ? Une équipe de boutons avant du wagon versus équipe de bouton avant du wagon ?
  • Comment intégrer l'installation dans un bus ? Parcours des câblages ? Perçage dans une barre de bus ?
  • Ce projet pourrait faire partie d'un projet de technologie de collégien : au programme soudage, initiation Arduino et code simplement. Le travail minimum est de créer le jeu simple. Pour aller plus loin, d'autres jeux sont envisageables. Possibilité de simuler le résultat du code sur circuits.io

Les freins que l'on a rencontrés

  • Est-ce que les passagers ne vont pas être dérangés par l'effet visuel ?
  • Pas d'internet dans les bus

Estimation financière d'une installation réelle

Item Prix Qtité total
Adressable LED strip 8$/m 15 120
Arduino UNO 20$ 1 20
Batterie 40$ 1 40
Bouton 5 $ 4 20
cablage 1$/m 30m 30
ecran+boitier 50$ 1 50
fixations 10$ 4 40



320

Avec les taxes d'importations et la TVA, cela reviendrait à 350-400€.

Pour aller plus loin

  • Scoring récupérable par une interface web : starlight.io
  • Interface web pour voir le tableau des scores. Possibilité de voter et proposer un prochain jeu sur la bande de LED.
  • Publicité pour des commerces locaux sur l'interface

Les retours des utilisateurs

Test d'interaction inattendue dans les transports en commun

Journée 1 : Aude, Julien et Alexandre sont descendus dans le métro avec un ballon de Baudruche et ont commencé à faire des passes comme s'ils ne se connaissaient pas d'avance. Puis ils commencent à faire des passes avec d'autres passagers. Le résultat n'est pas très concluant, les personnes réagissent peu. Par contre dans la salle du hackathon, envoyer un ballon sur un table occupe pendant 2 minutes l'équipe.

Conclusion : le jeu semblait trop enfantin pour être représentatif de l'expérience que l'on veut faire vivre.

L'équipe

Ressources

Liens externes, inspirations, liens vers des projets similaires, ressources qui vous ont aidées à réfléchir...

Projet 1D Pong avec la source de programme Arduino

Projet instructables.com LED pong

Galerie de photos de l'équipe et du projet Image 1