Traslazione delle coordinate: translate()

// height=100 lines=auto
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( 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.