Uso della funzione noise()

// height=100 lines=auto
function setup() {

    for (let x=0;  x<width;  x++) {
        for (let y=0;  y<height;  y++) {

            let grigio = noise( x/30, y/30 );

            set( x, y, color(grigio*255) );
        }
    }
    updatePixels();
}

let grigio = noise( x/30, y/30 );

Le "coordinate" del Perlin noise possono avere anche valori con decimali.

Provare a modificare il numero di ottave e il loro peso inserendo un'istruzione noiseDetail() prima dei for(). Tenere presente che i valori di default corrispondono a 4 ottave e a un peso del 50% di ogni ottava rispetto a quella precedente:

noiseDetail( 4, 0.5 );

L'insieme dei valori cambia a ogni esecuzione dello sketch ma può essere controllato con la funzione noiseSeed().

Approfondimenti: