La variabile di sistema frameCount

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

    function draw() {
    background(220);

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

  let y = /*1*/frameCount/**/ - 1;

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

  let y = frameCount /*1*/- 1/**/;

Il valore di frameCount è 0 nel setup() e 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.