Tarea clase 5

http://www.openprocessing.org/sketch/61373

Tarea_2_if+random+noise

Pasos para realizar ejercicio en Processing:

1. Se dibujan círculos que agrandan su ancho y alto, por ende agrandan su tamaño hasta que alcanzan el tamaño del sketch, cada circulo que se dibuje en el sketch tiene un color distinto, pero que esta dentro de una gama de colores determinada.
2. Luego que los círculos sean del mismo porte que el sketch, aparecerán cuatro lineas que se interceptan en X superior, y en X inferior están separadas a la misma distancia, esta lineas se dibujan constantemente de manera random y tienen colores azules random.
3. Al mismo tiempo que se dibujan están lineas que forman x’s, en los costados del sketch aparecen dos lineas que se cruzan, una se dibuja por el eje X y la otra por el eje Y y avanzan hasta que llegan a su borde respectivo y vuelven al principio. Estas lineas se encuentran en las 4 esquinas del sketch.
4. Al mismo tiempo que se dibujan están lineas que forman x’s, en los costados del sketch aparecen dos lineas que se cruzan, una se dibuja por el eje X y la otra por el eje Y y avanzan hasta que llegan a su borde respectivo y vuelven al principio. Estas lineas se encuentran en las 4 esquinas del sketch.
5. Finalmente se puede ver en el centro los círculos dibujados al principio y las lineas de colores que se dibujan constantemente.

http://www.openprocessing.org/sketch/57730

Tecnologías Aplicadas III

Tarea clase 1 ciclo for:

El ciclo for en Porcessing responde a una cantidad de operaciones al interior del ciclo, se define por "for" (para).

*Ej:

for (instrucción) {

parte gráfica

}


for (variable, si es menor o igual a "X" número, aumenta variable en "X" número)

*Códigos y comentarios en openprocessing:

-Sketch A:

http://www.openprocessing.org/sketch/56956

-Sketch B:

http://www.openprocessing.org/sketch/56958

-Sketch C:

http://www.openprocessing.org/sketch/57116

El código:

float x;               // variable decimal x
float y;              // variable decimal y
int centX = 640;      // variable entero centX  
int centY = 400;      //variable entro centY
int time1 = 6000;     // variable entero, tiempo en milisegundos, 6 segundos
int time2 = 4000;    // variable entero, tiempo en milisegundos, 4 segundos
int time3 = 9000;    // variable entero, tiempo en milisegundos, 9 segundos
int time4 = 12000;    // variable entero, tiempo en milisegundos, 12 segundos
int time5 = 15000;    // variable entero, tiempo en milisegundos, 15 segundos
int time6 = 18000;    // variable entero, tiempo en milisegundos, 18 segundos




void setup() {
size(1280, 800); // tamanño del sketch
 background(255); // color de fondo

strokeWeight(0.5); // grueso de la linea
stroke(0,50); // color de la linea
smooth(); // los objetos se dibujen suaves

}

void draw() {


 
 
 
  frameRate(60);             // cantidad de cuadros por segundo
  for(int i =0;i<100; i++){  //  valor inicial de i  / valor final de i / valor en el que i cambia
    float lastx = -999;      // variable decimal lastx
float lasty = -999;         // variable decimal lasty
float radiusNoise=random(10);  // variable decimal radiusNoise igual a random(10)
float radius=10;               //variable decimal radio (radius)

int startangle=int(random(360));   // entero startangle es igual a un numero entero entre 1 y 359
int endangle = 1440+ int(random(1440));   //variable entero endangle
     int anglestep = 1+int(random(3)); // variable entero anglestep

for (float ang= startangle; ang<=endangle; ang+=anglestep){     // valor inicial de ang = startangle/ valor final de ang = endangle / ang aumenta +=anglestep
  radiusNoise+=0.05;

 
  int currentTime = millis();  // tiempo acutal transcurrido en milisegundos
 
  if (currentTime >time2) { // si el tiempo transcurrido es igual a la variable time2 el radio es += 0.03
      radius +=0.03 ; }

  if (currentTime >time1) { // si el tiempo transcurrido es igual a la variable time1 el radio es +=0.02
     radius += 0.02;
  }
  if (currentTime> time3) { // si el tiempo transcurrido es igual a la variable time3 el radio es +=0.01
  radius += 0.01; }
 
     if(currentTime > time4) { // si el tiempo transcurrido es igual a la variable time4 el radio es +=0.1
        radius += 0.01; }
      
   if (currentTime >time5) { // si el tiempo transcurrido es igual a la variable time5 el radio es +=0.2
    
     radius += 0.2;
  // stroke (219, 11, 11,10);
}
    
     if (currentTime >time6) { // si el tiempo transcurrido es igual a la variable time6 el radio es +=0.3
       radius +=0.3;
            
     }
    
    
    
  
 
  
  float thisRadius=radius+(noise(radiusNoise)*200)-100;
  float rad=radians(ang);
  x=centX+(thisRadius*cos(rad)) ;
  y=centY+(thisRadius*sin(rad));
  if(lastx>-999){ // si lastx > -999 se dibuja la linea (x,y,lastx,lasty)
  
    line (x, y, lastx, lasty);
  
  }
  
 lastx=x;
  lasty=y;
}
}
}

Información de referencia:

Libro Generative Art Matt Pearson:

http://es.scribd.com/doc/74093210/Generative-Art-Matt-Pearson

Captura de imágenes

*Video de la proyección:

http://www.youtube.com/watch?v=0sElGKwQwkI

*Intervención en la calle utilizando la proyección:

http://www.youtube.com/watch?v=VxpljifgzRs

*Para realizar la estructura de la visual, me base en la observación de la planta Diente de Leon o Taraxacon officinalis. Pudiendo encontrar mucha información en internet es posible definir las características de esta planta:

-Es una planta silvestre condiderada  como "mala hierva" de color amarillo, cuando la flor se seca se crean los frutos que son los "pelitos" o aquenio de color blanco, estos estan adheridos a un centro circular que cuenta con "ganchitos" que ayudan al fruto a adherirse a la superficie o la piel de un animal cuando el viento las distribuye por el espacio.

La visual esta construida a partir de un centro y alrededor cuenta con finas estructuras que se asemejan a la flor diente de leon. 

Video de como crece la flor:

Avances:

PD: todos los sketches que subo a openprocessing se ejecutan mucho más lento en comparación a ejecutarlos en processing en el computador. Se recomienda copiar el código y ejecutarlo en el computador

Sketch_4:

http://www.openprocessing.org/visuals/?visualID=46739

Sketch_5:

http://www.openprocessing.org/visuals/?visualID=46740

Sketch_6:

http://www.openprocessing.org/visuals/?visualID=46741

Sketch_7:

http://www.openprocessing.org/visuals/?visualID=46743

sketch_7_1:

Esta en mi computador.

sketch_8:

mousePressed
http://www.openprocessing.org/visuals/?visualID=46744

sketch_9:

keyPressed

http://www.openprocessing.org/visuals/?visualID=46969

sketch_11:

mousePressed y loop, noLoop

http://www.openprocessing.org/visuals/?visualID=46970