À propos de cette démo

Une forêt entière, sans une seule image.

Le relief, les rangs de vigne, la forêt, le sous-bois, les dizaines de milliers de brins d'herbe, le ciel, les eaux et l'ambiance sonore sont calculés dans le navigateur. La page ne télécharge ni modèle 3D, ni texture, ni fichier audio.

Lumière

Cinq états de lumière entre 19 h 40 et 21 h 10, interpolés en continu : direction et couleur du soleil, ciel, brouillard, étalonnage. Le temps ne court pas à la même vitesse sur les deux chemins.

Matière

Pins gemmés, portant la care et son pot de résine. Feuillage et herbe éclairés par transparence à contre-jour, ombres portées calculées depuis le soleil sur la zone proche, brouillard plus dense au ras du sol qui se dore vers le soleil.

Chemins

Quatre kilomètres, cinq paysages par branche. On part des rangs de vigne sur graves, on traverse la forêt, puis le sentier se sépare : la dune, l'océan et le bassin d'un côté — prés salés, estey, pignots, cabane tchanquée ; le marais, l'étang et le delta de l'autre — craste franchie sur un caillebotis, aulnaie les pieds dans l'eau. Le chemin survolé s'éclaire, un clic l'engage, et les deux arrivées n'ont rien à voir : la cabane tchanquée sur ses échasses au milieu de l'eau, ou l'airial et sa maison landaise sous les chênes, la lampe allumée.

Mouvement

Caméra à hauteur d'yeux, regard qui suit le sentier, vent en rafales dans l'herbe et les arbres, respiration de l'objectif d'une étape à l'autre.

Rencontres

Les oiseaux s'envolent quand on approche, les aigrettes décollent en battements lents au-dessus de la craste, les pissenlits se défont au passage du curseur, les lucioles tournent autour de la lanterne, et un clic sur l'étang fait des ricochets.

Son

Vent, oiseaux, grillons, chouette et clapotis synthétisés avec Web Audio. Chaque couche suit l'heure de la balade.

Page

Le chargement dessine le profil du sentier, l'interface prend la couleur de l'heure, l'horloge et l'altitude suivent la marche.

Mesures

– arbres, – ceps de vigne, – plantes et rochers, – brins d'herbe, – appels de dessin par image, – images/s.

Three.js, GLSL, GSAP, Web Audio, TypeScript, Vite.

Conçu et codé par Altaxia, altaxia.fr.