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

//Creamos un objeto PImage, de nombre foto
PImage foto; 

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();
  //limitamos el FR para no colapsar processing
  frameRate(30);
}

void draw(){
  //background(0);

  int salto = 6;
  //Declaramos una variable del tipo de datos color (un objeto color, para ser estrictos)
  color theColor;
    //realizamos un doble loop para recorrer los píxels:
  for(int i=0; i<width; i+=salto){
    for(int j=0; j<height; j+=salto){
      //y asignamos a theColor, con foto.get(), el color EN LA FOTO del punto donde estamos
      theColor = foto.get(i,j);
      //preparamos el fill()
      fill(theColor);
      //y dibujamos un rect en el punto en que estamos
      //del color sobre el que estamos en la foto
      //con un random para hacerlo saltar
      //(sin random seria: rect(i,j,salto,salto);
      rect(i+random(-salto,salto),j+random(-salto,salto),salto,salto);
    }
  }
  //println(frameRate);
}