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 = /*1*/espressione/**/;
        verde = /*1*/espressione/**/;
        blu   = /*1*/espressione/**/;

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

  rosso = /*1*/espressione/**/;
verde = /*1*/espressione/**/;
blu   = /*1*/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.