Proyecto Final

A Hard Rain is Gonna Fall


Mi proyecto final consiste en la intervención de un espacio mediante a un proyector. La idea principal de esta intervención es generar un clima de invierno y tempestad en medio del infierno que se vive en Santiago en esta época del año, de igual manera conseguir desviar completamente la atención del espectador que esté interactuando con esta proyección y transportarlo a este ambiente, que se sienta parte de la lluvia.

Cómo se verá
Antes de que la persona entre al espacio de la proyección solamente existirá una proyección negra, con el sonido leve de tambores o Djembes, pero una vez que el se disponga en el centro de esta proyección comenzará poco a poco a caer una lluvia suave, en conjunto con sonido de agua o lluvia cayendo y tocando el suelo, esta proyección de la lluvia no tocará al sujeto, simplemente lo rodeará . Pasando poco a poco el tiempo esta lluvia irá aumentando su intensidad al igual que el sonido de los tambores de fondo, y existirá mayor cantidad de lluvia, será prácticamente un diluvio. Sin embargo la lluvia de a poco irá bajando su intensidad, hasta quedar en el sonido de gotas casi imperceptibles al igual que los tambores.

Quisiera también integrar en este trabajo ventiladores de alta potencia en el momento en que la tormenta toma su punto máximo, pero eso aun está en veremos.

Complicado

VER

Robot / Movimiento

VER

Robot

Intento de crear un soldado, en base al código del primer ejemplo de Robot






CÓDIGO
int x = 40;
int y = 420;
int bodyHeight = 110;
int neckHeight = 140;
int radius = 5;
int ny = y + bodyHeight - neckHeight - radius;


size(170, 480);
smooth();
strokeWeight (2);
background (250,80,10);
ellipseMode (RADIUS);


//Antennea - antena
line(x+12, ny, x-18, ny-43);
line(x+12, ny, x+42, ny-299);
line(x+32, ny, x+78, ny+15);


//Body - cuerpo
noStroke();
fill(102);
ellipse(x, y-33, 33, 33);
fill(0);
rect(x-45, y-bodyHeight, 90, bodyHeight-33);
fill(102);
rect(x-45, y-bodyHeight+17, 90, 6);


//Head - cabeza
fill(0,40,190);
ellipse(x+12, ny, radius, radius);
fill(255);
ellipse(x+24, ny-6, 14, 14);
fill(0);
ellipse(x+24, ny-6, 3, 3);
fill(0,40,190);
ellipse(x, ny+8, 5, 5);
fill(0,0,90);
ellipse(x+30, ny-26, 44, 4);
fill(0,0,90);
ellipse(x+41, ny+6, 3, 3);
fill(29);
ellipse(x+4, ny+106, 80, 80);
fill(0,40,190);
rect(x+-10, ny+86, 120, 120);

Trazo

VER EN OPENPROCESSING

Proyecto

“A Hard Rain’s gonna fall”



Mi idea base para la creación de este proyecto final o examen consta con muy baja utilización de materiales. Un data lograría crear el efecto de interactividad que pretendo crear entre la computadora y el espectador de esta creación en Processing.
Mi intención es demostrar y evidenciar con mi proyecto el ambiente artificial de una tormenta o de una lluvia intensa en plena primavera – verano y de esta manera junto con sonido generar un ambiente único que permita trasladar al espectador a un frío día de invierno.
La idea básica es conseguir que una vez que el espectador pase por en frente del data la lluvia lo rodee resalando su silueta.

Repaso Código

Cambié algunos colores y bordes, detalles.



Ejemplo 1









Código

fill(0,30,0);
ellipse(10, 80, 30, 40);
fill (0,60,0);
ellipse(20, 80, 40, 40);
fill(0,90,0);
ellipse(30, 80, 50, 40);
fill(80,120,0);
ellipse(40, 80, 60, 40);
fill(0,150,0);
ellipse(50, 80, 70, 40);



Ejemplo 2









Código

background(0);
stroke(255);
strokeWeight(5);
smooth();
line(10, 80, 30, 40);
line(20, 80, 40, 40);
line(30, 80, 50, 40);
line(40, 80, 60, 40);
line(50, 80, 70, 40);



Ejemplo 3








Código

int x = 5; // setea posición horizontal
int y = 60; // setea posición vertical
ellipse(x, y, x+20, y-40);
ellipse(x+10, y, x+30, y-40);
ellipse(x+20, y, x+40, y-40);
ellipse(x+30, y, x+50, y-40);
ellipse(x+40, y, x+60, y-40);



Ejemplo 4









Código

int x = 0;
int y = 55;
void setup() {
size(100, 100);
}
void draw() {
background(204);
ellipse(x, y, x+20, y-40);
ellipse(x+10, y, x+30, y-40);
ellipse(x+20, y, x+40, y-40);
x = x + 1;
if (x > 100)
}
}



Ejemplo 5










Código

void setup() {
size(100, 100);
}
void draw() {
background(204);
float x = mouseX;
float y = mouseY;
fill(0,100,0);
ellipse(x, y, x+20, y-40);
fill(0,160,0);
ellipse(x+10, y, x+30, y-40);
fill(0,220,0);
ellipse(x+20, y, x+40, y-40);
}



Ejemplo 6











Código

oid setup() {
size(100, 100);
noLoop();
}
void draw() {
diagonals(40, 190);
diagonals(60, 62);
diagonals(20, 40);
}
void diagonals(int x, int y) {
fill (90,87,50);
ellipse(x, y, x+20, y-40);
fill(30,120,200);
ellipse(x+10, y, x+30, y-40);
fill(20,220,0);
ellipse(x+20, y, x+40, y-40);
}



Ejemplo 7










Código

int num = 20;
int[] dx = new int[num];
int[] dy = new int[num];
void setup() {
size(100, 100);
for (int i = 0; i < num; i++) {
dx[i] = i * 5;
dy[i] = 12 + (i * 6);
}
}
void draw() {
background(120);
for (int i = 0; i < num; i++) {
dx[i] = dx[i] + 1;
if (dx[i] > 100) {
dx[i] = -100;
}
diagonals(dx[i], dy[i]);
}
}
void diagonals(int x, int y) {
fill(120,0,0);
ellipse(x, y, x+20, y-40);
fill(0,120,0);
ellipse(x+10, y, x+30, y-40);
fill(0,0,120);
ellipse(x+20, y, x+40, y-40);
}



Ejemplo 8









Código

Diagonals da, db;
void setup() {
size(100, 100);
smooth();
// Inputs: x, y, velocidad, espesor, grray
da = new Diagonals(0, 80, 1, 2, 0);
db = new Diagonals(0, 55, 2, 6, 255);
}
void draw() {
background(4);
da.update();
db.update();
}
class Diagonals {
int x, y, speed, thick, gray;
Diagonals(int xpos, int ypos, int s, int t, int g) {
x = xpos;
y = ypos;
speed = s;
thick = t;
gray = g;
}
void update() {
strokeWeight(thick);
stroke(gray);
fill(0,20,200);
ellipse(x, y, x+20, y-40);
fill(20,200,0);
ellipse(x+10, y, x+30, y-40);
fill(200,0,20);
ellipse(x+20, y, x+40, y-40);
x = x + speed;
if (x > 100) {
x = -100;
}
}
}

Textos de Processing

PPT2 & S3



El lenguaje en particular que tiene Processing está conformado por diferentes tipos de códigos, estos códigos, un tanto matemáticos, otorgan un resultado visualmente atractivo si es que son utilizados de la manera correcta.
Probablemente al inicio de processing, el lenguaje que era parte de este programa parecía casi ilegible, pero poco a poco conociendo lo que generaba se empezaron a despejar las dudas.
Sin embargo con estos nuevos códigos me siento un poco menos capaz de desarrollar un comentario completamente segura de lo que estos códigos significan. No obstante, se que * representa una multiplicación, y que / significa una división dentro del código en general, y que i, como un valor, puede ser incrementado o disminuido, e incluso sumado en su resultado final, dependiendo de la cantidad de ++ que se le agregue o de -- que disminuyan la totalidad del código al cual se le está aplicando dicha simbología.
La cantidad de códigos y variables van de las más simples como fill (otorgarle color a una figura ), hasta el hecho de interactuar con el computador y generar alguna reacción, como por ejemplo mousePressed.

Processing permite la generación de códigos propios, y dejar fluir la mentalidad de programador en base a nuestros propios gustos e intereses.



VER

Processing

Integrar imagen en el processing.
No logré dibujar :(






VER

Texto 2: Constructos en Processing

S2. Notas





Sinceramente creo que este texto fué mucho más interesante que el anterior, lograr el movimiento en el computador y con códigos que yo misma podría llegar a posicionar según me pareciera mejor, me entusiasmó desde el comienzo. Sin embargo debo reconocer que me costó trabajo comprender Loop, y los enteros (println), y que aun no comprendo del todo. Pero estoy confiada en que todo es trabajo y experimentación. Los ejemplos fueron y son fundamentales en este texto para lograr transformar visualmente la idea que se intentaba exponer en el texto, y para de esta manera conseguir modificarlos y entender el valor de cada código.

Texto 1: Introducción a Processing

S1. Notas






Processing es la base para la creacion de algoritmos o instrucciones y pasos a seguir que lleven a una acción en particular, lo cual se asemeja a la propia realidad del ser humano como un "programador innato" ya que constantemente estamos enviando indicaciones concientes e inconcientes a nuestro cuerpo para que realice alguna acción.
Dentro de este programa y del mundo computacional existen diferentes tipos de lenguajes, de alto y bajo nivel que permiten la comunicación entre máquina y ser humano. De alto nivel o que se asemejan mas al ser humano por su complejidad está el lenguaje Java el cual estamos utilizando actualmente en nuestros trabajos y superior a ese está Javascript. Y de bajo nivel y sin tanta complejidad se encuentra Machine Code.
Processing es una herramienta que proporciona una amplia gama de opciones a todo tipo de usuario, desde el más inexperto hasta un programador profesional.
Me pareció un buen apoyo este texto para el desarrollo y entendimiento de esta nueva herramienta computacional ya que proporciona los códigos y el lenguaje básico como por ejemplo size para crear un canvas y determinar su tamaño, background y fill.
Sin lugar a dudas creo que utilizaré este texto en un futuro por si olvido en alguna ocasión el lenguaje básico de Processing.

Processing

Combinación de ejemplos que usted publicó en el Wiki :)





Combinación

Processing

1) Combinación de códigos, trabajo de colores.. algo super experimental.

Disorder of color

Open Processing

Trabajo 2. Segundo Semestre

VER

Programación

Trabajo 1. Segundo Semestre



Código Nº 3 Editado
Código Nº 3

Código Nº 2 Editado

Código Nº 2

Código Nº 1 Editado

Código Nº 1

Exámen

Fué un trabajo árduo, pero entretenido.

Avance Exámen

Simplemente intenté hacer el movimiento de los dibujos, cree una historia completamente diferente a lo que había planeado, sin embargo, me pareció mucho mejor que el anterior, aún tengo problemas con las fotos y la luz, no logro conseguir ese blanco parejo que es necesario para un trabajo de este tipo, pretendo aplicar photoshop a las fotos y corregir eso, además que quiero pintar ciertas partes de cada cuadro con colores vivos, para hacerlo aún más interesante.
En cuanto a la música, esta es mi idea base pero tengo que editarla, quiero agregarle sonidos de agua, una que otra expresión de emocion, impresión, miedo etc, dependiendo de cada escena y asi nutrir aun más mi video.


NOTA: tiene algunas "pifias" pero eso lo puliré en el examen final, porque aun me falta mucha edición sobre todo en photoshop (mi pc es un desastre y no se puede abrir photoshop, por eso trabajaré ahora en la U). Perdón.

Comentario Nicolás Fuentes

Me pareció un trabajo super bien hecho, pero personalmente creo que el vaso está de mas. Me encantaría que siguiera con esta idea de ciudad desde arriba tomada en stopmotion, pero creo que sería interesante que comenzara a bajar por una cañería y aparecer abajo y comenzar a sacar fotos desde el piso, como a los pies de la multitud, igual me gustaría que intentara utilizar solo una tonalidad para las fotos, y como le dije a el.. personalmente lo haría tungsteno o azulino, para darle un aspecto frío a la ciudad.

: )


BLOG NICO

Stop Motion en Carboncillo

Esta es una pequeña idea que hice para entender mas o menos lo que implicará en tiempo sobre todo mi exámen final, ya que hacer un stop motion con carboncillo, es un trabajo de chinos, sin embargo, estoy decidida a hacerlo.
Este video, no tiene ni historia ni contenido quizas, es simplemente la construcción de una imagen.
Espero poder terminar pronto la idea final de mi proyecto (en la cual siempre estoy pensando y trabajando) para poder comenzar a dibujar y a tener avances más concretos de lo que será el resultado final de mi exámen.

ENJOY

Referente

Joaquín Cosiña





Joaquín es un destacado artista nacional egresado de Artes de la Universidad Católica, sus exhibiciones han sido reconocidas tanto a nivel nacional como internacional. Sus trabajos, o en los que yo me inspiré para este examen, se basan en el uso del carboncillo en técnicas más bien libres.. Además realiza un interesante trabajo audiovisual, en stop motion.

Tuve el privilegio de poder asistir a su exposición en la Galería AFA, y que debo reconocer sinceramente, ha sido una de las exposiciones más interesantes que he visto en todo el primer semestre de universidad, claro, a modo muy personal.

Joaquín Cosiño en su obra "Las muertes leves de Benjamin" plasma de manera indiscutible su habilidad para los retratos en carboncillo, y sobre todo me pareció super interesante el hecho de que estos dibujos fueran retratos de personas que tenían un estrecho vinculo sentimental con el. Son retratos de gran embergadura y que a pesar de ser trabajados en caboncillo me parece increíble su conservación.

Las muertes leves de Benjamin, Joaquín Cosiña / Galería AFA

En esa misma exhibición en la Galería AFA, Joaquín Cosiña, expuso un trabajo que a mi personalmente me sorprendió, es un trabajo arduo de stop motion trabajando en la animación de dibujos en carboncillo, lo cual obviamente implica un trabajo casi quirurgico a la hora de borrar y generar el movimiento en cada cuadro.

VER STOP MOTION