La maquette de la ville la nuit, illuminée et animée par les mouvements des passants.
Vitrine interactive
Installation temporaire pour espace de coworking
Le projet
Chaque année, mon espace de coworking L’Antenne ➚ propose un projet original pour mettre en valeur son atelier et susciter la curiosité des passants. En 2025, le thème choisi était l’apocalypse. La vitrine s’est transformée en un terrain d’expérimentation mêlant fabrication numérique, art interactif et technologies.
À l’extérieur, les passants découvraient un monstre géant, “ravageant” une ville en carton. Lorsqu’ils s’arrêtaient et faisaient un geste de la main, le monstre réagissait avec l’une des animations prévues. Très apprécié des enfants, la vitrine s’est rapidement couverte de traces de mains.
Côté technique
Développé par Google, MediaPipe détecte les gestes des mains via la webcam. Lorsqu’un des gestes supportés (👍, 👎, ✌️, ☝️, ✊, 👋 ou 🤟) était reconnu, un monstre 3D, animé grâce à la librairie Three.js, réagissait immédiatement.
La vidéo de la webcam est affichée en haut de l’écran, avec une superposition montrant les gestes détectés. Des lignes et contours tracés sur la main indiquent sa position et le mouvement reconnu en temps réel.
Exemple d’animation montrant le monstre réagir à un geste détecté en temps réel par les passants.
Le modèle 3D et les animations du monstre sont disponibles gratuitement en ligne ici : “Cry Wolf” sur CGTrader ➚.
Les LEDs placées à l’intérieur des bâtiments reproduisaient en continu une lueur semblable à celle d’un flux de télévision et étaient pilotées par un Raspberry Pi via un script écrit en Python.
L’ensemble tournait sur une simple tour locale, rendant l’installation autonome et stable.
Aspect collaboratif
Chaque membre de l’équipe a contribué à donner vie à la vitrine à sa manière, en apportant son expertise, que ce soit dans la conception physique, le graphisme ou la photographie.
La conception physique de la vitrine a été réalisée et mise en scène par Simon César Forclaz. En guise de décor, il a construit et éclairé une ville miniature en carton recyclé, découpé au laser.
Des affiches humoristiques ont été réalisées par mon collègue graphiste Vincent Berclaz ➚. Elles reprenaient un style autoritaire, avec des slogans comme “Évacuez la ville, chacun pour soi” et un avis de recherche pour un jouet Fisher Price, ajoutant une touche décalée et surprenante à l’installation. Il a également contribué à plusieurs éléments graphiques du projet.
Quelques affiches réalisées par Vincent dans le cadre du projet.
Le photographe Willy Studio ➚ a documenté la vitrine à travers les images présentées sur cette page. Pour accentuer l’atmosphère de grande ville apocalyptique, il a également inclus une photographie de cosplay inspirée de l’univers Cyberpunk 2077, renforçant le caractère urbain et futuriste du projet.
, dans un univers inspiré de Cyberpunk 2077.](/_astro/interactive-storefront-details.CbdIpIZD_3wi51.webp)
Prise de vue des détails et photographie réalisées par Willy Studio, avec lady.angie ➚, dans un univers inspiré de Cyberpunk 2077.
Après l’installation
Même si l’installation n’existe plus aujourd’hui, elle continue de vivre dans les mémoires. Des enfants passent encore devant le coworking et demandent : “Où est passé le monstre ?”
C’est précisément cela le but de ces projets annuels : faire parler de l’atelier, créer du lien avec le quartier et montrer que la technologie peut aussi être un terrain de jeu créatif.
Découvrez comment le monstre réagit à vos gestes en cliquant ici :