int radioCara = 300;

void setup(){
  size(500,500);
}

void draw(){
  // Pintamos todo de blanco a cada frame
  background(255);
  
  // Nos movemos al lugar donde esta el raton
  // mouseX y mouseY contienen las 
  // coordenadas de posicion del raton
  translate(mouseX, mouseY);
  
  // Dibujamos el contorno de la cara mediante un circulo
  noFill();
  ellipse(0, 0, radioCara, radioCara);
  
  // Dibujamos los ojos de la cara mediante circulos
  // Tendran un tamaño 4 veces mas pequeños que el contorno de la cara
  // Estaran situados a un cuarto a la izquierda y un cuarto a la derecha de la cara
  // Estaran situados a un sexto hacia arriba de la cara
  if(mousePressed && (mouseButton == LEFT)){
    fill(0); 
  }else{
    noFill();
  }
  
  ellipse(-radioCara/4, -radioCara/6, radioCara/4, radioCara/4);
  
  if(mousePressed && (mouseButton == RIGHT)){
    fill(0); 
  }else{
    noFill();
  }
  ellipse(radioCara/4, -radioCara/6, radioCara/4, radioCara/4);
  
  noFill();
  // Nos ponemos en el modo "dibuja rectangulo desde el centro"
  // Este modo nos permitira dibujar una boca centrada en la cara
  // de forma mas sencilla
  rectMode(CENTER);
  
  // Dibujamos la boca mediante un rectangulo
  // El rectangulo tendra el centro en el medio de la cara y
  // un cuarto de la cara hacia abajo
  // El rectangulo tendra media cara de anchura 
  // y un septimo de cara de altura  
  rect(0, radioCara/4, radioCara/2, radioCara/7);
}