Branch

Branch est une expérience web. On descend le long d'une branche tombée et la vie qu'elle abrite se révèle sous le curseur : mousses, champignons, insectes. Trois mondes racontés au fil du défilement, appuyés sur les ressources de l'Office national des forêts consacrées au bois mort.

• 01

  La révélation se calcule point par point

  Une texture de 320 x 180 retient, pour chaque point de l'image, l'instant précis où le curseur est passé dessus. Le nuanceur en déduit son âge et va chercher l'état de croissance correspondant : la mousse pousse là où la main est passée, à partir du moment où elle est passée. Ce n'est pas un masque de révélation, c'est un champ de dates.

• 02

  32 états de croissance en mémoire vidéo

  Le film est échantillonné en 32 images, resserrées au dixième de seconde pendant la pousse, et chargées par lots de quatre dans un tableau de textures WebGL2 : 1920 x 1080 sur ordinateur, 1024 x 576 sur téléphone.

• 03

  Ce qui a poussé reste

  Chaque point joue ses 2,8 secondes puis se maintient, sans rétractation ni scintillement. « Clear your trail » remet le champ entier à zéro.

• 04

  Trois replis prévus

  Sans WebGL2 ou sans la séquence, le site retombe sur un avant/après fixe. En mouvement réduit, il affiche directement l'état poussé. Sur écran tactile, où il n'y a pas de curseur à suivre, un bouton révèle la scène entière.

• 05

  Le défilement reste natif

  Rien n'intercepte la molette, aucune barre n'est pilotée : une courte retenue collante suffit à tenir le plan pendant qu'on entre dans la matière, et la page se défile comme n'importe quelle autre.

• 06

  Le cadrage tient à toutes les tailles

  La densité est plafonnée à 1,7 sur ordinateur et 1,5 sur téléphone, et le recadrage se recalcule à chaque redimensionnement pour garder le 16:9 de la photographie sans jamais déformer la branche.