// iuna taller de produccion multimedial dos
// aņo 2007
// ayesa leandro
// ejercicio tres tp uno


//el cuadro se reconstruye, los colores de los cuadrados varian
//a medida que el mouse se mueve desde el extremo de un eje hacia el extremo del otro
int x, y,xc,yc,xd,yd;
//defino variables
void setup(){
  //defino el tamaņo y el fondo
size(221,350);
background(252,245,226);
// cargo la imagen
 PImage b;
b=loadImage("malevichcuadrados.jpg");
image(b,0,0);
}

void draw(){
//defino el primer cuadrado, el color de relleno,
//las coordenadas, el tamaņo y le asigno valores a las variables
//para que la primer figura cambie de color al desplazarse el mouse hacia los extremos en forma diagonal.
//en el extremo del eje y el cuadro se reconstruye con los colores originales. al desplazarse hacia el otro eje
//de manera diagonal los colores varian.
 x=mouseX;
 y=mouseY;
 xc=0-x;
 yc=0-y;
 fill(x,y,0);
 noStroke();
rect(32,62,104,104);
//el primer cuadrado esta definido.
//defino el segundo cuadrado, y le asigno valor a las variables restantes, para crear el mismo efecto que en la figura anterior
 x=mouseX;
 y=mouseY;
 xd=255-x;
 yd=255-y;
fill(255,x,y);
noStroke();
beginShape(QUADS);
vertex(88,195);
vertex(154,185);
vertex(167,249);
vertex(100,263);
endShape();
}