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.