Colori interpolati

È possibile ottenere il colore intermedio fra altri due di riferimento usando la funzione:

  lerpColor( coloreIniziale, coloreFinale, quantità )

Attraverso il 3° parametro si può indicare a che punto dell’interpolazione “prelevare” il colore, tenendo conto che 0.0 corrisponde al colore iniziale e 1.0 a quello finale.

    function setup() {
    let coloreA = color( 0,127,255 );   // colore iniziale
    let coloreC = color( 255,191,127 ); // colore finale 

    let coloreB = lerpColor( coloreA, coloreC, 0.5 ); // colore intermedio

    background( coloreA );
    noStroke();
    fill( coloreB );
    square( 20,20, 80 );
    fill( coloreC );
    square( 40,40, 60 );
}
  

Modificare il terzo parametro della funzione lerpColor() (0.5) provando a usare 0.0, 1.0 e altri valori intermedi.

Dalla versione 1.11.0 di p5.js è stata aggiunta la funzione paletteLerp() che permette di ottenere l’interpolazione fra più di due colori chiave.

lerpColor(), paletteLerp()