Saint-Venant Manifeste
À gauche, l’eau calcule ; à droite, le manifeste se déroule. Les équations de Saint-Venant — la physique des eaux peu profondes formulée en 1871 — résolues en direct sur le GPU, en un diptyque où la science devient méthode de design.
→ La nappe d’eau de gauche n’est pas une vidéo : c’est une simulation hydraulique résolue image par image sur votre carte graphique. Faites défiler — chaque strophe envoie une impulsion qui ride la surface.
La technique derrière le design
L’eau n’est pas dessinée : elle obéit aux lois de l’hydraulique. Le panneau de gauche résout en temps réel les équations de Saint-Venant (Shallow Water Equations, 1871) — la version intégrée verticalement des équations de Navier-Stokes pour les eaux peu profondes. Le solveur tourne en WebGL2 sur une texture flottante RGBA32F en ping-pong : chaque pixel encode la hauteur de la surface libre h et les débits hu, hv. Le schéma de Lax-Friedrichs assure la stabilité, sous la contrainte du nombre de Courant-Friedrichs-Lewy (CFL < 1). À droite, un manifeste typographique en cinq strophes scroll-driven défend une thèse : utiliser la physique comme méthode de design, où la forme émerge du calcul plutôt que du dessin. Chaque strophe couple une impulsion à la simulation. Zéro librairie, zéro CDN, fichier unique autonome ; « mouvement réduit » respecté. Intégration en 5 minutes.
Idéal pour
Palette — parchemin & cobalt
Questions fréquentes
Que sont les équations de Saint-Venant ?
Formulées par Adhémar Barré de Saint-Venant en 1871, ce sont les « équations des eaux peu profondes » : une simplification des équations de Navier-Stokes, intégrées sur la verticale en supposant une pression hydrostatique. Elles décrivent les ondes longues, les crues, les ressauts et les marées — la mécanique des fluides à surface libre.
La simulation est-elle vraiment calculée en direct ?
Oui. Aucune vidéo : un solveur WebGL2 intègre les équations image par image sur le GPU, dans une texture flottante en ping-pong. La surface de l’eau réagit réellement aux impulsions déclenchées par le scroll — ce que vous voyez est de l’hydraulique computationnelle, jamais deux fois identique.
Pourquoi un « manifeste » ?
La pièce défend une idée : la physique peut être une méthode de design. Plutôt que d’illustrer l’eau, on définit les conditions initiales, les frontières et la gravité — et la forme se calcule d’elle-même. Le diptyque met côte à côte la démonstration (l’eau qui coule) et le propos (cinq strophes typographiques).
Est-ce intégrable, léger et personnalisable ?
Oui. C’est un fichier unique autonome (un bloc HTML, intégration en 5 minutes), sans librairie ni CDN. La grille de simulation est dimensionnée pour rester fluide sur desktop comme sur mobile, et la palette comme les paramètres physiques se règlent en tête de script.
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 (tokens couleur, échelle typographique, composants, colorways) et SVG vectoriel animé. Usage commercial illimité.
Voir toute la collection → Tout l’art génératifÀ découvrir aussi : Constructivist Flux · Strata Engine · Oscillator Sublime · Spiral Threshold · Accueil