/*
joan soler-adillon
 www.joan.cat
 Màster d'Arts Digitals, curs 2007-08
 */

//Creamos un objeto PImage, de nombre foto
PImage foto; 
//y una variable int 
int diametro = 11;

void setup(){
  size(300,225);
  background(0);
  //cargamos un archivo de imágen en afoto
  foto = loadImage("ramon.jpg"); 
  //la dibujamos una sola vez  
  image(foto, 0,0); 
  //desactivamos el contorno
  noStroke();
  //cambiamos el cursor
  cursor(HAND);
}

void draw(){
  //Declaramos una variable del tipo de datos color (un objeto color, para ser estrictos)
  color theColor;
  //y asignamos a the Color, con foto.get(), el color EN LA FOTO del punto donde está el ratón
  //Si lo hacemos así y no con un get() simple, nose leerá el valor
  //de color DE LA FOTO aunque se haya dibujado algo encima
  theColor = foto.get(mouseX,mouseY);
  //preparamos el fill()
  fill(theColor);
  //y dibujamos un circulillo donde el mouse
  //del color sobre el que estamos en la foto
  ellipse(mouseX,mouseY,diametro,diametro);
}