Interpolazione dei colori

I colori si possono interpolare usando tre lerp(), uno per ogni componente cromatica, oppure con una funzione specifica di p5.js.

// height=100 lines=auto
let t = 0;
let tVel = 0.02;

let rosso;  // colore iniziale
let verde;  // colore finale

function setup() {
    rosso = color( 255,0,0 );
    verde = color( 0,255,0 );
}

function draw() {

    let interpolato = lerpColor( rosso, verde, t );
    background( interpolato );

    t += tVel;
    if (t > 1.0001) {
        t = 0;
    }
}

let interpolato = lerpColor( rosso, verde, t );

Usando la funzione lerpColor() si possono interpolare contemporaneamente i valori di rosso, verde e blu da un colore iniziale (rosso) a uno finale (verde).