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 →