Hola compañeros de tut, tut, tut, hoy toca aprender como cambiar el origen
de las coordenadas. Les pido que pongan mucha atención y que realicen la sesión
con calma y paciencia para que no les resulte difícil.

Como ustedes saben, el origen en un sistema de coordenadas es el punto 0,0. En Processing el origen se encuentra en la esquina superior izquierda.

Utilizando las funciones translate, pushMatrix y popMatrix podemos mover el origen al punto que queramos.

Veamos un ejemplo:

IIIIIIIIIIIIII Corten y peguen el programa dentro de Processing y den cilic en run

size(200, 200); background(242, 214, 0); smooth(); noStroke(); fill(255, 130); ellipseMode(CENTER); ellipse(0, 0, 50, 50); pushMatrix(); translate(100, 100); ellipse(0, 0, 50, 50); popMatrix(); ellipse(200, 200, 50, 50);

size, background, smooth, noStroke y fill son funciones que ya conocen.

ellipseMode(CENTER);

Esta función sirve para que las elipses se coloque con el centro en las coordenadas que indiquemos. En el caso de nuestra primera elipse el punto es 0, 0.

ellipseMode(CENTER); ellipse(0, 0, 50, 50); pushMatrix(); translate(100, 100); ellipse(0, 0, 50, 50); popMatrix(); ellipse(200, 200, 50, 50);

Después tenemos pushMatrix, esta función indica que queremos cambiar el origen de las coordenadas. La función translate indica la nueva ubicación del origen, en este caso es el punto 100, 100. Abajo tenemos otra elipse con coordenadas 0,0. Como está después de translate se coloca en 100, 100 porque es la nueva ubicación de el origen, es decir del punto 0,0. Cuando queremos que el origen regrese a su lugar habitual que es la esquina superior izquierda, colocamos popMatrix.

Después de esta función tenemos una elipse en el punto 200, 200. Como está después de popMatrix, el origen está en la esquina superior izquierda otra vez por lo que la elipse se coloca en la esquina inferior derecha que es el punto 200, 200.

Para mover el origen de lugar es necesario primero poner pushMatrix, después translate con las nuevas coordenadas y cuando deseen regresar el origen a su lugar colocan  popMatrix.

Ahora realicen un programa sencillo en el que coloquen elipses con las mismas coordenadas antes y después de pushMatrix para que entiendan mejor su funcionamiento. Recuerden colocar la nueva ubicación del origen con la función translate.  

adelante