Art génératif · WebGL2 FBO stateful · Op-Art

Optic Manifold

Une typographie qui vibre. Un champ optique, un moiré sinusoïdal calculé sur le GPU, traverse les lettres, les irise de cuivre et d'acier, et se déforme là où passe votre curseur. Un manifeste typographique vivant, à la tension industrielle assumée, prêt à poser sur votre site.

Déplacez le curseur sur le titre: le champ de moiré s'advecte, s'enroule et révèle les vibrations Op-Art dans la typographie. Chaque mouvement laisse un sillage.

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 moiré n'est pas une texture figée, c'est un champ optique calculé image par image sur le GPU. La pièce utilise un FBO WebGL2 en RGBA32F (un tampon flottant haute précision) pour conserver l'état du champ d'une image à l'autre, c'est le sens de stateful, et une advection sinusoïdale fait s'écouler les franges de moiré comme un fluide, attirées par la position du curseur. Le champ est ensuite masqué par la typographie (Playfair Display, pleins et déliés contrastés, surface idéale pour l'Op-Art), de sorte que les vibrations n'apparaissent que dans les lettres. Stratégie chromatique split-triadique, rouille industrielle, acier froid et ivoire sur fond charbon, pour une tension chaud-froid maîtrisée. Repli CSS si le WebGL2 manque. Fichier unique autonome, zéro dépendance externe critique.

Idéal pour

Agences créatives & studios designGaleries & expositionsÉdition, presse & revuesMode & marques à identité fortePortfolios motion / creative devMusique & pochettesManifestes & pages identité

Palette, split-triadique sur charbon

Charbon #1A1510
Rouille #C0441A
Acier #7A8FA0
Ambre #A86818
Ivoire #F0E8D8

Questions fréquentes

Qu'est-ce qu'un champ stateful en RGBA32F ?

C'est un tampon de rendu flottant haute précision (FBO WebGL2) qui mémorise l'état du champ optique d'une image à l'autre. Le moiré peut donc s'écouler et garder une mémoire de son mouvement, plutôt que d'être recalculé de zéro, d'où sa fluidité organique.

Puis-je changer le texte et les couleurs ?

Oui. Le titre, la palette split-triadique et l'intensité du moiré se règlent via des variables. Deux variantes sont fournies (kraft artisanal, premium papier). Intégration en 5 minutes dans un bloc HTML.

À quel prix l'intégrer, et est-ce performant ?

Le calcul vit sur le GPU en un champ unique, avec repli CSS si le WebGL2 manque et contrastes vérifiés sur fond charbon. L'intégration démarre à CHF 890, et un site signature bâti autour démarre à CHF 2 500.

Comment on l'intègre

On câble le champ optique chez vous. On compose votre titre, la palette split-triadique et l'intensité du moiré, puis on installe le manifeste en hero ou en page identité. 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