Au Progrès

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.

  1. Le motif pousse depuis quelques germes jusqu'à remplir la surface.
  2. La lumière suit la souris ; son passage ensemence et laisse un sillon durable.
  3. Un clic lâche une goutte. Au doigt, un glissé horizontal sème, un glissé vertical fait défiler la page.
  4. 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

Lettre d'information

Les avancées de la semaine, dans votre boîte

Une sélection d'articles du magazine, envoyée chaque semaine. Désinscription en un clic.