Encre vive : un titre plongé dans un fluide simulé en WebGL

Comment c'est fait

L'encre suit les équations de Navier-Stokes, résolues sur la carte graphique par la méthode des fluides stables de Jos Stam : transport de la vitesse et des pigments, confinement des tourbillons, calcul de la divergence, puis de la pression par itérations, retirée à la vitesse pour que le fluide reste incompressible.

Le vrai titre HTML reste dans la page pour les moteurs et les lecteurs d'écran. Il est redessiné à l'identique dans un masque, que le fluide traite comme un mur : l'encre le contourne au lieu de le traverser. Trois pigments suivent les trois couleurs de la charte, avec un relief éclairé et un grain.

1. La souris pousse l'encre ; un clic lâche une gerbe de pigments.
2. Le défilement de la page entraîne le fluide.
3. Sans textures en demi-flottants, les champs sont encodés sur 16 bits dans des textures ordinaires.
4. Mouvement réduit : quelques centaines de pas de calcul, puis une image figée. Sans WebGL, le titre seul.