Art génératif · WebGL2 · Terrain procédural scroll-driven

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. Une pièce d'art génératif prête à poser sur votre site.

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.

Cette pièce sur votre site Intégrer cette pièce dès CHF 890 Vous êtes une agence ?

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 et 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

Marques institutionnelles & sectoriellesÉnergie, mines & géosciencesScience, R&D & deeptechMusées & médiation scientifiqueArchitecture, BTP & environnementRapports & timelines d'entrepriseShowcase d'expertise technique premium

Palette, antagoniste minérale chaud-froid

Ardoise #1A2035
Cyan minéral #4DD0C4
Terracotta #C9784A
Or géologique #E8B94A
Parchemin #EAE4D6

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, avec une nuance: ici la couleur porte un sens, chaque teinte correspond à une strate et à 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.

Combien coûte son intégration ?

L'intégration démarre à CHF 890: on accorde les strates, la palette minérale et le texte éditorial à votre secteur, puis on installe la pièce. Un site signature bâti autour démarre à CHF 2 500. Le devis suit l'ampleur de l'adaptation.

Comment on l'intègre

On installe le forage chez vous. On accorde les strates, la palette minérale et le texte éditorial à votre secteur, puis on pose la pièce en hero ou en section au scroll. Intégration dès CHF 890. Un site signature bâti autour démarre à CHF 2 500. Hébergement suisse, code livré, pleine propriété.

Parlons de votre projet Discuter de cette intégration intégration dès CHF 890