Kamel Ghabte · Cours · Gratuit

Réaction-diffusion

Créer des motifs biologiques avec l'algorithme Gray-Scott en p5.js.

Le concept

La réaction-diffusion (Turing, 1952) modélise comment deux substances chimiques interagissent et diffusent pour créer des motifs : taches de léopard, rayures de zèbre, coraux. L'algorithme Gray-Scott simule deux concentrations (A et B) sur une grille. A se remplit, B consomme A, les deux diffusent. Le résultat : des motifs stables émergent du chaos.

Le code

// Simplified Reaction-Diffusion (visual approx)
let grid;
function setup() {
  createCanvas(400, 280); pixelDensity(1);
  grid = Array.from({length:height},(_,j)=>Array.from({length:width},(_,i)=>noise(i*0.05,j*0.05)));
}
function draw() {
  loadPixels();
  for (let j=0;j<height;j++) for(let i=0;i<width;i++){
    let v=grid[j][i]; v+=0.01*(noise(i*0.02,j*0.02,frameCount*0.005)-0.5);
    grid[j][i]=constrain(v,0,1);
    let idx=(j*width+i)*4; let c=v*255;
    pixels[idx]=c*0.2;pixels[idx+1]=c*0.9;pixels[idx+2]=c*0.77;pixels[idx+3]=255;
  }
  updatePixels();
}

Pour aller plus loin

Explorez les autres cours gratuits sur la page Apprendre, ou réservez un appel pour discuter de votre projet.

Envie d'aller plus loin ?

Réserver un appel découverte →