Jules Charles
Toutes les études de cas

Étude de cas, design et interaction

Jardin nocturne

Un jardin de nuit où des plantes lumineuses poussent là où l'on clique, et se balancent au vent du curseur.

Cadre
Expérience, art génératif
Mon rôle
Design et développement
Format
Page interactive
Année
2026
Ouvrir le projet

Le contexte

Le Jardin nocturne est une expérience d'art génératif : un jardin de nuit où chaque clic plante une graine lumineuse.

Le problème

Je voulais une interaction qui ne se répète jamais : deux plantes ne doivent pas se ressembler, et le jardin doit rester fluide même quand il se remplit.

Ce que j'ai fait

  1. Chaque plante est générée par un algorithme récursif : un tronc, des branches qui se divisent, puis des fleurs lumineuses à chaque extrémité.

  2. Le vent suit la vitesse du curseur, et des lucioles s'approchent quand on bouge la souris.

  3. Pour garder l'animation fluide, les tracés sont regroupés par profondeur et le nombre de plantes est limité : les plus anciennes s'effacent doucement.

Canvas 2DJavaScript

Le résultat

14Plantes au maximum, les plus anciennes s'effacent
70Lucioles au maximum sur grand écran
0Image : tout est dessiné en temps réel

Un peu d'aléatoire bien cadré suffit à donner l'impression qu'une page est vivante.

Ce que j'en retiens

Un projet similaire ?
Parlons-en.

Vous aimeriez un projet dans cet esprit ? Décrivez-le-moi en quelques lignes : je réponds sous 24 heures avec mes questions et une première estimation.