Les transformations modifient la localisation des éléments dessinés. L'ordre des transformations est très important.

Tutoriel sur les transformations: http://processing.org/learning/transform2d/

pushMatrix() et popMatrix()

pushMatrix() et popMatrix() permettent d'isoler et de composer des bloques de transformations.

• pushMatrix() : sauvegarder la localisation actuelle
• popMatrix() : charger la localisation sauvegardée

pushMatrix();
// Exécuter des transformations
popMatrix();

translate()

• translate ( x , y ) 

Le code suivant dessine une ellipse au centre de la scène:

pushMatrix();
translate(width/2,height/2);
ellipse(0,0,20,20);
popMatrix();

rotate()

• rotate ( radians ) 

Placer un carré au centre de la scène et le tourner de PI/4 radians :

pushMatrix();
translate(width/2,height/2);
rotate(PI/4);
rect(0,0,20,20);
popMatrix();

Exemple :

void setup() {
        size(400,400);

}


void draw() {
        background(0);

        pushMatrix();
        translate(width/2,height/2);
        rotate(frameCount * 0.1);
        rectMode(CENTER);
        rect(0,0,20,20);
        popMatrix();


}