Diferencia entre revisiones de «Estudio del gesto: Palacio del Alba y el Ocaso»

De Casiopea
Línea 88: Línea 88:


=Tecera Etapa=
=Tecera Etapa=
Para la coreografía del gesto realizada en Processing, tomamos el sentido del acoger hacía el interior.
Su abstracción fue dada por un cuadrado rotativo, el cual es dirigido por el movimiento del mouse en forma vertical.
Cuando el mouse baja por la pantalla, el cuadrado rotativo comienza a crecer desde cero hasta llegar a su tamaño máximo, dejando una estela que dibuja curvas a partir de sus cuatro vértices. Y cuando el mouse sube por la pantalla el cuadrado rotativo comienza a decrecer, llegando a un tamaño mínimo.
Mientras más decrece el cuadrado rotativo, más oscuro es. Esto con el fin de dar sentido de acoger al cuadro que  va desapareciendo a medida que disminuye su tamaño y oscurece su color.


==Coreografía del gesto manual en processing==
==Coreografía del gesto manual en processing==

Revisión del 01:54 30 may 2011


TítuloEstudio del gesto: Palacio del Alba y el Ocaso
Tipo de ProyectoProyecto de Taller
Período2011-2011
AsignaturaPresentación del Diseño Industrial 3, Presentación del Diseño Gráfico 3,
Del CursoPresentación al Lenguaje Abierto,
CarrerasDiseño Gráfico"Diseño Gráfico" is not in the list (Arquitectura, Diseño, Magíster, Otra) of allowed values for the "Carreras Relacionadas" property., Diseño Industrial"Diseño Industrial" is not in the list (Arquitectura, Diseño, Magíster, Otra) of allowed values for the "Carreras Relacionadas" property.
Alumno(s)Karen Carrera, Diego Cortés, Alejandra Montenegro
ProfesorHerbert Spencer, Marcelo Araya

Primera etapa

Estudio de la Obra

El Palacio del Alba y el Ocaso es una obra que se encuentra en la parte alta de Ciudad Abierta y fue construida en partes como un proyecto de obra abierta. La finalización de la obra fue dada por Godofredo Iommi en un acto poético.

El nombre de la obra forma relación con el gesto de la luz, y tiene que ver con el aparecer y desaparecer de ella. Esto gracias al patrón de módulos curvos que estructuran la obra.

La planta tiene una simetría que nos va revelando la relación de una doble orientación tierra-mar, oriente-poniente y que es confirmada con los surcos que cruzan la obra, como asociación con el agua.

Además, el Palacio trae consigo el gesto de acoger al visitante a través del despliegue de su luz y curvas, este gesto se direcciona hacia el interior de la obra.

Para nuestro estudio de la obra, consideramos el gesto de acoger y la simetría, que tiene que ver con la determinación de los módulos con curvatura en planta.

Palacio del Alba y el Ocaso

Hospedería Colgante

Maquetas individuales

Palacio del Alba y el Ocaso

Hospedería Colgante

Segunda etapa

Estudio de la forma

Primera Maqueta

Segunda Maqueta

Tercera Maqueta

Tecera Etapa

Para la coreografía del gesto realizada en Processing, tomamos el sentido del acoger hacía el interior.

Su abstracción fue dada por un cuadrado rotativo, el cual es dirigido por el movimiento del mouse en forma vertical.

Cuando el mouse baja por la pantalla, el cuadrado rotativo comienza a crecer desde cero hasta llegar a su tamaño máximo, dejando una estela que dibuja curvas a partir de sus cuatro vértices. Y cuando el mouse sube por la pantalla el cuadrado rotativo comienza a decrecer, llegando a un tamaño mínimo.

Mientras más decrece el cuadrado rotativo, más oscuro es. Esto con el fin de dar sentido de acoger al cuadro que va desapareciendo a medida que disminuye su tamaño y oscurece su color.

Coreografía del gesto manual en processing



//El mouse se desliza de arriba hacia abajo//
float g;

void setup(){
  size(200,500);
  background(0);
  g = 0;
 smooth ();
}

void draw(){
 translate(width/2, mouseY); // si quiero que el cuadrado permanesca al centro height/2
 rotate(mouseY); //controlo la rotación del cuadrado
 //background(0); //si no quiero que se vea la estela
 noStroke();
 rect(-50,-50, 100, 100);
   

 fill(g,50); //le doy opacidad
 
 g = ((float)mouseY/height ) * 200; // ((sin(((float)mouseY / width)*PI ) ) ) * 255; //controlo los espacio de negro
}


void mousePressed() {
  background(0); //al hacer click comienza a escribir sobre un negro
}

void keyPressed(){
  String nombre = ""+month()+"-"+day()+"-"+hour()+"-"+minute()+"-"+second()+"-celdas.jpg";
  saveFrame("/fotos-generadas/"+ nombre);
  println("el archivo "+nombre+" ha sido guardado exitosamente");
}


Coreografía del gesto del objeto en processing



//El mouse se desliza de arriba hacia abajo//
float g;

void setup() {
  size(200,700);
  background(0);
  smooth();
  g = 0;
}

float mouseFactor;
float y;
float largo;
float largoinicial;
float a;
float origenx;
float origeny;

void draw() {
  background(0);
  for (int x=0; x<width; x++) {

    mouseFactor = ((float)mouseX/(float)height);
    y =  height - ((float)height);

    a = PI;
    origenx = width/2;
    origeny = mouseX-largoinicial;

    noStroke();
    fill(g);
    g = ((float)mouseY/height ) * 255; 


    if(mouseX >2*width/8) {
      pushMatrix();
      translate(100,350);
      rotate(HALF_PI*mouseY/100);
      quad(-mouseY/10,-mouseY/10,-mouseY/10,mouseY/10,mouseY/10,mouseY/10,mouseY/10,-mouseY/10);

      popMatrix();
    }
  }
}

void mousePressed() {
  background(0); //al hacer click comienza a escribir sobre un negro
}




Coreografía del gesto del objeto en processing dos



//El mouse se desliza de arriba hacia abajo//
float g;

void setup() {
  size(200,700);
  background(0);
  smooth();
  g = 0;
}

float mouseFactor;
float y;
float largo;
float largoinicial;
float a;
float origenx;
float origeny;

void draw() {

  if (mouseY > 650) {
    background(0);
  }
  for (int x=0; x<width; x++) {

    mouseFactor = ((float)mouseX/(float)height);
    y =  height - ((float)height);

    a = PI;
    origenx = width/2;
    origeny = mouseX-largoinicial;

    noStroke();
    fill(g);
    g = ((float)mouseY/height ) * 255; 


    if(mouseX >2*width/8) {
      pushMatrix();
      translate(100,350);
      rotate(HALF_PI*mouseY/100);
      quad(-mouseY/10,-mouseY/10,-mouseY/10,mouseY/10,mouseY/10,mouseY/10,mouseY/10,-mouseY/10);

      popMatrix();
    }
  }
}

void mousePressed() {
  background(0); //al hacer click comienza a escribir sobre un negro
}