Diferencia entre revisiones de «Florencia Salgado Proyecto final - Imagen Escrita T1 2019»

De Casiopea
(Página creada con «{{Proyecto |Título=Florencia Salgado Proyecto final - Imagen Escrita T1 2019 |Tipo de Proyecto=Proyecto Propio |Palabras Clave=imagen escrita, gif |Carreras Relacionadas=A…»)
 
 
(No se muestran 7 ediciones intermedias del mismo usuario)
Línea 8: Línea 8:
 
|Alumnos=Florencia Salgado
 
|Alumnos=Florencia Salgado
 
}}
 
}}
'Proyecto IE T1 2019'
+
[[Archivo:Fsc proyectofinal ie t1 2019.gif |thumb|600px|none| Animación final]]
 +
 
 +
 
 +
'''Idea creativa'''
 +
 
 +
La idea se basa en lo concéntrico y en una idea de un mandala.  Aunque la figura final no genera un mandala como tal, se logra el propósito del cambio de la figura mediante las líneas y los colores, lo que genera interacción entre el usuario y el programa.
 +
 
 +
Se genera el dibujo geométrico a partir de un espiral que varía en función del movimiento del mouse en el eje Y. A través de este movimiento el espiral desprende líneas desde sí mismo, y así van proyectándose y generan intersecciones a medida que aumenta o disminuye el número de ellas.
 +
 
 +
Además de la interacción con el usuario mediante el movimiento del mouse, el cambio de color se genera automáticamente al crear la línea entre rangos mediante variables float. 
 +
''' float i = 0;  float h = 0;  stroke(t, i, 255); '''
 +
 
 +
Esto le da dinamismo al proyecto de manera automática y le entrega más variable para no limitarse al movimiento del mouse.
  
La idea se basa en la geometría de un mandala. Se genera el dibujo geométrico a partir de un espiral que varía en función del movimiento del mouse en el eje Y.
 
  
  
  
 
<pre>
 
<pre>
<nowiki>
+
 
  
 
float x, y, r, e;  
 
float x, y, r, e;  
Línea 28: Línea 39:
 
void draw() {
 
void draw() {
  
   background (#6486A2);
+
   background (255);
 
   float sw = map(mouseY, 0, height, 0.2, 1);
 
   float sw = map(mouseY, 0, height, 0.2, 1);
 
   strokeWeight(sw);
 
   strokeWeight(sw);
 
   fill(0, 0, 0, 0.1);
 
   fill(0, 0, 0, 0.1);
  stroke (255, 255, 255, 70);
 
  
 
   h= random(100);
 
   h= random(100);
Línea 62: Línea 72:
  
 
</pre>
 
</pre>
</nowiki>
 

Revisión actual del 02:51 21 may 2019


TítuloFlorencia Salgado Proyecto final - Imagen Escrita T1 2019
Tipo de ProyectoProyecto Propio
Palabras Claveimagen escrita, gif
AsignaturaImagen Escrita T1 2019
Del CursoImagen Escrita T1 2019
CarrerasArquitectura
Alumno(s)Florencia Salgado
Animación final


Idea creativa

La idea se basa en lo concéntrico y en una idea de un mandala. Aunque la figura final no genera un mandala como tal, se logra el propósito del cambio de la figura mediante las líneas y los colores, lo que genera interacción entre el usuario y el programa.

Se genera el dibujo geométrico a partir de un espiral que varía en función del movimiento del mouse en el eje Y. A través de este movimiento el espiral desprende líneas desde sí mismo, y así van proyectándose y generan intersecciones a medida que aumenta o disminuye el número de ellas.

Además de la interacción con el usuario mediante el movimiento del mouse, el cambio de color se genera automáticamente al crear la línea entre rangos mediante variables float. float i = 0; float h = 0; stroke(t, i, 255);

Esto le da dinamismo al proyecto de manera automática y le entrega más variable para no limitarse al movimiento del mouse.





float x, y, r, e; 
float i = 0;
float h = 0;

void setup() {
  size(800, 800);
  smooth();
}

void draw() {

  background (255);
  float sw = map(mouseY, 0, height, 0.2, 1);
  strokeWeight(sw);
  fill(0, 0, 0, 0.1);

  h= random(100);
  i=random(255);

  r=0; 
  float a = (TWO_PI * 20 / mouseY);
  e= (mouseY/ 6) * 0.2;
  r= (mouseY/(float) width) * 20;

  beginShape();
  for (float t = 0; t < TWO_PI * 70; t += a) {
    x = width/2 + cos(t)*r;
    y = height/2 + sin(t) * r;

    float nx = width/2 + cos(t+210000) *r +1;
    float ny = height/2 + sin(t+210000) *r+1;

    stroke(t, i, 255);
    line(x, y, nx, ny);

    r += e;
  } 
  endShape();
  if (key=='s') {
    saveFrame("proyecto imagen escrita 2019-###.png");
  }
}