Suivez
le fil.

Du premier appel au chantier terminé, une seule ligne.

Le point de départ.

Une demande, un besoin, souvent urgent.

On relie ce qui existe déjà, sans tout casser.

Un résultat qu'on peut mesurer.

Réutiliser cette idée

Une ligne lumineuse se trace dans l'espace ; la caméra la suit de jalon en jalon.

Idéal pour : Une histoire, une chronologie, un cheminement client, un « avant / après ».

Fichiers

05-fil/scene.js (la mise en scène), 05-fil/index.html (textes), 05-fil/page.css (ajustements), plus le socle src/commun/.

Réglages

Tracé : POINTS (CatmullRomCurve3) ; jalons JALONS (fraction, photo, orientation)
Photos : fichiers dans public/ressources, remplacez par les vôtres (1200 px suffisent)
Néon : emissiveIntensity du fil, bloom

Performance

Un tube + 4 cadres texturés + lumières ponctuelles + bloom. Léger.

Sources

Photos HD Rénovation (avec accord), béton Poly Haven (CC0), ciel nocturne HDR Poly Haven (CC0).

Repli

Sans WebGL, sans JavaScript ou avec « réduire les animations » : les mêmes textes et liens, en page statique.

Copier le dossier 05-fil/ et src/commun/ dans le projet cible (Vite + three + gsap + lenis).
Remplacer les textes des quatre étapes dans index.html ; garder les attributs data-*.
Ajuster les réglages ci-dessus dans scene.js ; la progression p va de 0 (haut) à 1 (bas).