Forez les couches du temps
STRATA ENGINE génère des coupes géologiques procédurales en temps réel. Chaque défilement descend dans les strates sédimentaires — calcaire, grès, silice, or — comme un forage numérique dans les profondeurs de la Terre.
→ Faites défiler pour forer : le terrain WebGL2 se régénère couche après couche, et le panneau éditorial révèle l’ère, la profondeur et la composition de chaque strate.
La technique derrière le design
Le terrain n’est pas une image : il est calculé en direct sur le GPU. Un shader WebGL2 échantillonne un bruit de Simplex 3D dont la troisième dimension est pilotée par votre défilement — scroller, c’est littéralement descendre dans la profondeur du bruit, donc dans le temps géologique. Chaque palier de hauteur est mappé à une strate (calcaire, grès, silice, or), et la couleur encode une géologie réelle : la tension chaud-froid entre le cyan minéral et la terracotta oxydée n’est pas décorative, elle est sémantique. La mise en page split éditorial / canvas reste synchronisée au scroll, le canvas est sticky, et tout se réduit proprement en pile verticale sur mobile. Fichier unique autonome, zéro dépendance externe critique — repli statique si le WebGL2 manque.
Idéal pour
Palette — antagoniste minérale chaud-froid
Questions fréquentes
Le terrain est-il vraiment généré, ou pré-dessiné ?
Entièrement généré en temps réel sur le GPU par un shader WebGL2 (bruit de Simplex 3D). Rien n’est pré-dessiné : chaque session produit une coupe géologique unique, et le défilement en explore continûment la profondeur.
Les couleurs sont-elles modifiables ?
Oui, via des variables CSS, mais avec une nuance : ici la couleur porte un sens (chaque teinte = une strate / une ère). On peut rebrander la palette, à condition de préserver la logique de profondeur et de découverte — la charte explique comment.
Est-ce lourd ou risqué pour mon site ?
Non : un seul canvas GPU, densité de pixels maîtrisée, et un repli statique si le WebGL2 n’est pas disponible. C’est un fichier unique autonome, sans dépendance externe critique, intégrable en 5 minutes dans un bloc HTML.
Ce que vous recevez
Le kit complet : widget autonome (un seul fichier, intégration en 5 minutes), fragment WordPress copier-coller, art génératif injectable, charte design (couleurs, typographie, tokens, mode sombre) et documentation. Usage commercial illimité.
Voir toute la collection → Tout l’art génératifÀ découvrir aussi : Vortex Manifold · Lattice Decay · Void Sigil · Accueil