// iuna taller de produccion multimedial dos
// aņo 2007
// ayesa leandro
// ejercicio dos tp dos

void setup () {
  size (200,200);
  //tamaņo de la pantalla
}
void draw () {
  //para las siguientes condiciones (la variable desde 0 hasta 200 y cada 20 px que se haga un rectangulo y este vaya en dregade dependiendo de la posicion de la variable que se corre 20px cada vez que se cumple
  //un ciclo. al poner (0,i,0) logramos el degrade. y con las especificaciones del rectangulo  logramos que se cree uno cada 20px sobre el eje x)
  for (int i=0; i<200; i+=20){
    noStroke (); 
    rectMode (CORNER);
    fill (0,i,0);
    rect (i, 0, 20, 200);
  }
  //para hacer los circulos  utilice una estructura similar a la anterior, el modo del circulo es centrado, sin borde, va aumentando de 30 px cada vez que se cumple un ciclo, 
  //hasta llegar a 200. los circulos se superponen pero cada nuevo circulo ocupa mas sobre el eje x y menos sobre el y.
  for (int x=0;x<200;x+=30){
  ellipseMode (CENTER);
  noStroke();
 fill (x,0, 200-x);
 //para lograr que los circulos aumenten su anchura y dismunuyan su altura, se indica al plantearse la condicion que en cada nuevo ciclo
 //que cumple la variable esta aumente 30 px y al restar y sumar esta variable al definir el tamaņo/color de los circulos se cumple el efecto que queria obtener.
 ellipse (100,100, x+10, 193-x);
  }
}