Traslazione delle coordinate: translate()

    function setup() {
    background( 200 );

    translate( 20,10 );
    square( 0,0, 60 );
}
  

  translate( 20,10 );

Modifica le coordinate di riferimento in modo che l’origine si sposti di 20 pixel a destra e 10 in basso.

  square( /*1*/0,0/**/, 60 );

Dopo l’istruzione precedente l’origine coinciderà con le vecchie coordinate 20,10 del canvas.

Provare a disattivare l’istruzione di traslazione (con “//”) per verificare l’effetto sulla posizione in cui viene disegnato il quadrato.