Laboratoiren° 41er nov. 2026
Empreinte : des motifs vivants par réaction-diffusion
- Gray-Scott
- Réaction-diffusion
- WebGL
Comment c'est fait
Le motif sort d'une réaction-diffusion de Gray-Scott : deux substances virtuelles se diffusent et réagissent sur une grille, et deux réglages, F et k, décident de la forme qui apparaît. Le calcul tourne sur la carte graphique, sur des textures qui se renvoient le résultat à chaque pas.
Une graine, ici l'adresse de la page, tire la famille de motif parmi six (corail, empreinte, cellules, labyrinthe, vers, éponge), la palette, la position des germes et l'angle de la lumière. La même adresse redonne toujours le même motif : chaque article pourrait porter sa propre image, sans banque d'images ni génération payante.
- Le motif pousse depuis quelques germes jusqu'à remplir la surface.
- La lumière suit la souris ; son passage ensemence et laisse un sillon durable.
- Un clic lâche une goutte. Au doigt, un glissé horizontal sème, un glissé vertical fait défiler la page.
- L'effet sait exporter une image mûre de n'importe quelle graine, au format d'une carte de partage.
- Modèle
- Gray-Scott, laplacien à 9 points
- Familles
- 6 couples F, k et 5 palettes de la charte
- Rendu
- WebGL 1, textures en demi-flottants
- Code
- 12 Ko de JavaScript, sans librairie
- Repli
- Motif mûr et fixe si mouvement réduit, dégradé sans WebGL