Kamel Ghabte · Cours · Gratuit

Bruit Simplex et terrain

Générer un terrain avec du bruit Simplex en p5.js.

Le concept

Le bruit Simplex (Perlin, 2001) est une amélioration du bruit de Perlin classique : moins d'artefacts directionnels, plus rapide en dimensions élevées. En p5.js on utilise noise() (qui implémente un bruit similaire). Pour un terrain 2D, on échantillonne noise(x*scale, y*scale) et on mappe la valeur sur une hauteur ou une couleur.

Le code

// Terrain: noise-based elevation lines
function setup() { createCanvas(400, 280); noLoop(); }
function draw() {
  background(11,15,20);
  for (let y=0; y<height; y+=4) {
    stroke(55,227,195,80); noFill(); strokeWeight(1);
    beginShape();
    for (let x=0; x<width; x+=3) {
      let h = noise(x*0.008, y*0.01) * 40;
      vertex(x, y + h - 20);
    }
    endShape();
  }
}

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 →