/* built with Studio Sketchpad: 
 *   https://sketchpad.cc
 * 
 * observe the evolution of this sketch: 
 *   https://studio.sketchpad.cc/sp/pad/view/ro.BZVmJA47PDV/rev.375
 * 
 * authors: 
 *   jaruz

 * license (unless otherwise specified): 
 *   creative commons attribution-share alike 3.0 license.
 *   https://creativecommons.org/licenses/by-sa/3.0/ 
 */ 



// This sketch builds on a prior work, "reticula en movimiento", created by jaruz
// http://studio.sketchpad.cc/sp/pad/view/ro.9xD9LCt71fyBb/rev.240


// This sketch builds on a prior work, "reticula", created by jaruz
// http://studio.sketchpad.cc/sp/pad/view/ro.9wHadvlsfUXS0/rev.461

/*
vamos a intentar controlar un poco la evolución de los cambios...
es decir en vez de que sea tan aleatorio vamos a intentar que cada linea vertical  de circulos vaya rodando sobre su propio eje
*/
/*
lo primero que necesito saber es el numero de circulos en cada hilera para que en cada fotograma sea solamente uno el que cambia de tamaño
imprimo por consola el numero de circulos
*/
int incremento=25;

void setup(){
size(300, 300);
smooth();
noStroke();
    frameRate(5);
    }

void draw(){
background(255);
for(int x=0; x<width; x+=incremento){
    for(int y=0; y<height; y+=incremento){
        fill(0);
        // ya se que el numero de circulos es 11 entonces voy a iterar sobre una secuencia de 11
        
           int posicion= (frameCount+x-2) % 12;
           int ancho;
           if(posicion==(y/incremento))
           ancho=random(incremento-(incremento/2));
           else
           ancho=incremento;
        ellipse(x, y, ancho, incremento);
    if(y+incremento>=height){


        // println("numero de circulos: "+incremento+" ..... "+y/incremento);
        }
    }
    
}
}