Au Progrès8 expériences
Laboratoire
Les expériences d'Au Progrès : effets visuels, simulations physiques, 3D et générations, faits main et à manipuler à la souris ou au doigt.
Comment est faite cette encre ?
Une simulation de fluide calculée en direct par la carte graphique : les équations de Navier-Stokes, par la méthode des fluides stables de Jos Stam.
Le mot « Laboratoire » est redessiné dans un masque que l'encre traite comme un mur : elle le contourne. Trois pigments, aux couleurs du site.
14 Ko de JavaScript, WebGL 1, aucune librairie.
Voir l'expérience en détail-
01
Encre vive
Le titre de la page sert d'obstacle à une encre simulée en temps réel : elle glisse autour des lettres, tourbillonne sous la souris et éclate au clic. Navier-StokesWebGLGPU -
02
Verre liquide
Trois gouttes de verre suivent la souris, fusionnent et réfractent une photo d'usine, avec la frange irisée d'un vrai prisme. MétaballesRéfractionDispersionWebGL -
03
Ferrofluide
Un liquide magnétique noir partagé entre trois aimants d'acier : il s'étire vers eux, jette des ponts, se hérisse là où le champ est fort. La souris est un quatrième aimant qui peut l'arracher. Particules lisséesRay marchingRosensweigWebGL -
04
Empreinte
Un motif organique qui pousse sous vos yeux, différent pour chaque page : corail, cellules, labyrinthe ou empreinte digitale. La souris y creuse un sillon. Gray-ScottRéaction-diffusionWebGL -
05
Nuages de points
Six objets 3D réduits à 24 000 points, qui se défont et se recomposent ; la souris devient un trou noir qui courbe leur lumière. Nuage de pointsLentille gravitationnelleWebGL -
06
Regard
Une mascotte en pâte à modeler qui tourne la tête et les yeux vers votre curseur, cligne des paupières et respire. Tout sort d'un script Blender. BlenderRendu 3DPlanche de sprites -
07
Clip en argile
Un plan chanté de 6,7 secondes : une astronaute en pâte à modeler, animée sur une RTX 3080, chante a cappella d'une voix de baryton. Vidéo générativeComfyUISynchronisation labiale -
08
Coureur
La mascotte de Regard a maintenant un corps : modelée, squelettée et animée par un script Blender, elle court en vraie 3D là où vous pointez, s'arrête et lève les yeux vers vous. BlenderSquelette et animationthree.jsglTF