zurcher.digital

fr

en

Vitrine interactive

Installation temporaire pour espace de coworking

Vitrine interactive

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.

La maquette de la ville la nuit, illuminée et animée par les mouvements des passants.

La maquette de la ville la nuit, illuminée et animée par les mouvements des passants.

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.

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.

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.

Prise de vue des détails et photographie réalisées par Willy Studio, avec [lady.angie](https://www.instagram.com/lady.angie/), dans un univers inspiré de Cyberpunk 2077.

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 :

Visiter