/*
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
 */

void setup(){
size(300,300);
strokeWeight(20);
}
  
void draw(){
  
  //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
    }
  //dibuja el quadro, con los colores que le marcamos con el mouse
  rect(50,50,200,200);
}