Schema per il calcolo dei valori RGB

Per definire i colori dei pixel di una bitmap si può usare una coppia di for() annidati

for (let px=0; px<width; px++)
{
    for (let py=0; py<height; py++)
    {
        rosso = espressione;
        verde = espressione;
        blu   = espressione;

        set( px, py, color(rosso,verde,blu) );
    }
}
updatePixels();

rosso = espressione;
verde = espressione;
blu   = espressione;

Calcolo diretto di valori numerici, non letti da file grafici o dati esterni.

set( px, py, color(rosso,verde,blu) );

L'uso dell'istruzione set(), anziché point(), permette di definire più velocemente il colore del solo pixel senza visualizzarlo subito sul canvas.

updatePixels();

Non fa parte dello schema ma in p5.js è necessario chiamare updatePixels() per aggiornare il canvas con i colori impostati attraverso set().

Per accelerare le operazioni sarebbe meglio usare l'array pixels[] ma è stata scelta l'istruzione set() per mantenere più intuitivo il codice.

Approfondimenti: