Diferencia entre revisiones de «Florencia Salgado Proyecto final - Imagen Escrita T1 2019»
Sin resumen de edición |
Sin resumen de edición |
||
Línea 17: | Línea 17: | ||
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. | 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. | |||
Línea 39: | Línea 47: | ||
strokeWeight(sw); | strokeWeight(sw); | ||
fill(0, 0, 0, 0.1); | fill(0, 0, 0, 0.1); | ||
h= random(100); | h= random(100); |
Revisión del 01:51 21 may 2019
Título | Florencia Salgado Proyecto final - Imagen Escrita T1 2019 |
---|---|
Tipo de Proyecto | Proyecto Propio |
Palabras Clave | imagen escrita, gif |
Asignatura | Imagen Escrita T1 2019 |
Del Curso | Imagen Escrita T1 2019 |
Carreras | Arquitectura |
Alumno(s) | Florencia Salgado |
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"); } }