← Portefeuille immersif

Tout
est relié.

Ou devrait l'être.

01

Des îlots.

Le devis ici, l'agenda là, les mails ailleurs.

02

Les liens.

Le devis qui devient facture, la demande qui arrive au bon endroit.

03

Le système.

Un réseau qui travaille pour vous, même la nuit.

Réutiliser « Le réseau »

Des nœuds isolés qui se relient progressivement jusqu'à former un système vivant.

Idéal pour : Intégration, automatisation, « relier ce que vous avez déjà », communauté, réseau de partenaires.

Fichiers
10-reseau/scene.js (la mise en scène), 10-reseau/index.html (textes), 10-reseau/page.css (ajustements), plus le socle src/commun/.
Réglages
  • Nœuds : NOEUDS ; principaux nommés PRINCIPAUX (pastilles dessinées en 2D)
  • Liens : plus proches voisins LIENS_PAR_NOEUD ; impulsions IMPULSIONS
  • Matières : verre (transmission) et métal cuivré ; profondeur de champ BokehPass
Performance
Billes de verre instanciées + bloom + profondeur de champ sur ordinateur ; verre simplifié sur mobile.
Sources
Studio HDR Poly Haven (CC0).
Repli
Sans WebGL, sans JavaScript ou avec « réduire les animations » : les mêmes textes et liens, en page statique.
  1. Copier le dossier 10-reseau/ et src/commun/ dans le projet cible (Vite + three + gsap + lenis).
  2. Remplacer les textes des quatre étapes dans index.html ; garder les attributs data-*.
  3. Ajuster les réglages ci-dessus dans scene.js ; la progression p va de 0 (haut) à 1 (bas).