/*
UPF :: IUA-IDEC
 Màster d'Arts Digitals
 joan soler-adillon (www.joan.cat)
 
 Los colores del cuadrado varían, gracias a los condicionales, según la posición del mouse.
 También su posición
 */

void setup(){
  size(300,300);
  strokeWeight(30);
}

void draw(){
  background(0);

  //primero ligamos el FILL al eje horizontal del mouse
  if(mouseX < width/2){ //si el mouse está hacia la izquierda
    fill(255,0,0); //preparamos un fill rojo
  } 
  else { //si está hacia la derecha
    fill(0,255,0); //preparamos un fill verde
  }

  //y segundo, hacemos que el STROKE dependa de eje vertical del mouse
  if(mouseY < height/2){ //si el mouse está hacia la izquierda
    stroke(255,255,0); //preparamos un stroke amarillo
  } 
  else { //si está hacia la derecha
    stroke(0,0,255); //preparamos un stroke azul
  }

  //sólo dibujamos el quadro donde esté el mouse:
  if((mouseX<width/2)&&(mouseY<height/2)){
    //dibuja el quadro arriba a la izquierda:
    rect(0,0,width/2,height/2);
  } 
  else if((mouseX>width/2)&&(mouseY<height/2)){
    //dibuja el quadro arriba a la derecha:
    rect(width/2,0,width/2,height/2);
  } 
  else if((mouseX<width/2)&&(mouseY>height/2)){
    //dibuja el quadro abajo a la izquierda:
    rect(0,height/2,width/2,height/2);
  }
  else if((mouseX>width/2)&&(mouseY>height/2)){
    //dibuja el quadro abajo a la derecha:
    rect(width/2,height/2,width/2,height/2);
  }


}