La variabile di sistema frameCount

Un modo semplice per ottenere un valore che cambia progressivamente è quello di utilizzare la variabile di sistema frameCount.

// height=100 lines=auto
function setup() {
    createCanvas( 300, 100);
}

function draw() {
    background(220);

    let x = frameCount - 1;
    circle( x, 50, 10 );
}
let x = frameCount - 1;

La variabile frameCount è gestita da p5.js e contiene il numero di fotogramma corrente.

let x = frameCount - 1;

Il valore di frameCount è 0 nel setup() è parte da 1 nel draw(). Se si vuole partire da 0 nel draw(), è necessario sottrarre 1 al suo valore.

Il fatto che il cerchio finisca fuori dal canvas è normale perché il valore di frameCount procede, virtualmente, verso un valore infinito.