Léo Generetdéveloppeur front-end seniorparlons-en
Retour aux projets
Gros plan dans le noir sur un joystick noir et quatre boutons d’arcade rouges lumineux.
Vue du dessus du panneau de commande éclairé en rouge : un joystick au centre, des groupes de boutons lumineux de chaque côté, le câblage et la carte Arduino visibles dessous.
La borne terminée : caisson noir en bois, écran affichant le logo Axis et panneau transparent avec boutons rouges et deux joysticks.
Le côté de la borne dans la pénombre : un bouton bleu lumineux et une bande lumineuse le long du caisson, avec le panneau « Découvrir Axis » au-dessus.

Axis

Année
2022
Stack
Arduino, Electron, Vue, Firebase
Rôle
Développement front-end
Application Electron
Prototypage
Programmation Arduino
Sound design de l’interface (Ableton)
Projet de fin d’études
Équipe
5 personnes
Statut
Toujours utilisée chaque année lors des portes ouvertes de l’école

Pour notre projet de fin d’études aux Gobelins, nous avons construit une borne d’arcade pensée comme une archive physique des mini-jeux réalisés pendant la formation.

Aux Gobelins, nous avions remarqué un problème récurrent à chaque semestre : les projets des étudiants étaient vus lors des rendus, puis vite oubliés. Nous voulions les rendre accessibles à tout moment pour montrer le savoir-faire de l’école.

La borne est entièrement fabriquée à la main en bois et construite autour d’un iMac relié à un Arduino, lui-même câblé à des boutons et des joysticks physiques. Une application Electron sert de lanceur de jeux, avec une API qui associe les entrées aux commandes physiques. Un site maison permet aux étudiants d’envoyer leurs jeux à distance, depuis chez eux.

Certains professeurs demandent explicitement que les projets rendus soient compatibles avec la borne, grâce à l’API que nous avons développée pour eux.

Voir le site
Vue du dessus du panneau de commande éclairé en rouge : un joystick au centre, des groupes de boutons lumineux de chaque côté, le câblage et la carte Arduino visibles dessous.

Après une phase de conception de la forme, nous avons commencé à rassembler toutes les ressources nécessaires à sa construction, tout en créant en parallèle l’interface du hub et celle de l’application.

La borne compte deux zones de jeu, chacune avec un joystick et cinq boutons. Grâce à l’API, les créateurs peuvent utiliser ces commandes en quelques lignes de code, et les émuler avec un clavier et une manette pendant le développement.

La borne terminée : caisson noir en bois, écran affichant le logo Axis et panneau transparent avec boutons rouges et deux joysticks.Le côté de la borne dans la pénombre : un bouton bleu lumineux et une bande lumineuse le long du caisson, avec le panneau « Découvrir Axis » au-dessus.