Somma e reset delle trasformazioni

Le trasformazioni si accumulano fra loro ma possono essere resettate completamente.

    function setup() {
    background( 200 );

    translate( 20, 15 );
    square( 0,0, 50 );

    translate( 20, 15 );
    //square( 0,0, 50 );  

    resetMatrix();
    //square( 0,0, 50 );
}


  translate( 20, 15 );
...
translate( 20, 15 );

Il secondo translate() si somma a quelli precedenti. In questo caso l’origine delle coordinate risulterà spostato verso destra di 40 pixel (20+20) e verso il basso di 30 (15+15).


  resetMatrix();

L’istruzione annulla tutte le trasformazioni geometriche e riporta le coordinate alla situazione iniziale.

Togliere le doppie barre del secondo square() e poi quelle del terzo per capire meglio l’effetto delle traslazioni.

Approfondimenti:

resetMatrix()