Avance examen

Para ver en openprocessing has click en Planning

Proyecto Examen

Proyecto Examen Tecnología

Processing

Karla Aliaga Casacuberta

Intro

Luego de haber visto en clases MOUSE y TECLADO; interactividad, cambié por completo mi idea como proyecto futuro a presentar. Lo encontré demasiado entretenido, ademas, lo pude comprender, lo cual me facilita poder aplicarlo en mi trabajo. Esta “interactividad” la comencé a desarrollar a través del teclado, el cual se puede apreciar en mi primer boceto llamado Nirvana, el cual se basa en un disco de la banda Come As You Are con imágenes de la misma las cuales cambian mediante el pulsar de una tecla. Gracias a esto, pude seguir avanzando, digamos que comenzó a mutar este proyecto a medida que aprendía cosas, me dejé llevar por la música y lo que esta provoca en mi, el movimiento.

Idea

Quiero crear un cuadro, el cual se mueva al ritmo de la música. Por lo que estoy experimentando lo que es el movimiento de la imagen o gif mediante los decibeles que tenga la pista, el mp3, para así generar movimiento.

Fundamento

Se preguntará por que el cambio repentino, lo que pasa es que con la otra idea me estaba metiendo en un área que no manejaba y me costaba muchísimo manejar, por lo que comencé a investigar lo pasado en clases, la interactividad. Luego de esta pude meter audio a mi canvas, ademas de una imagen, lo que me resulto muy atractivo, ya que me gustan ambos.

Después de ver esa rama, quise salirme de la interectividad, llegando a la música y que la imagen (gif) se moviera por si sola, al ritmo de esta. Me gustó ese detalle, ya que constantemente e inconscientemente estoy haciendo eso cada vez que suenan mis audífonos, incluso creo que todo alguna vez lo han hecho, eso de seguir la melodía con el pie o con las manos, por lo que me resultó muy choro que la maquina (computadores) pudiesen leer o hacer esto. Entonces, como que me gusta el hecho de que la maquina sea como una sombra de nosotros, los humanos. 


¿Por que?
El hongo
Fondo psicodelico
Musica Planningtorock - The Breaks

Nirvana

IMAGE, MUSIC AND KEYPRESSED

Para ver en openprocessing has click en Come As You Are

Image

IMAGEN

float speed= 2.5;
int diameter= 20;
float x;
float y;
PImage tintin;

void setup() {
  size(700,550);
  smooth();
  fill(136, 227, 101);

  x= width/2;
  y= height/2;
}

void draw() {
  tintin = loadImage ("tintin.jpg");
  image (tintin, 0, 0);
  x+= random (-speed, speed);
  y+= random (-speed, speed);
  translate(mouseX, mouseY);
  ellipse(x, y, diameter, diameter);

}

IMAGEN Y SONIDO


float speed= 2.5;
int diameter= 20;
float x;
float y;
PImage antenna;

import ddf.minim.*;

AudioPlayer player;
Minim minim;


void setup() {
  size(625,700, P2D);
  smooth();
  fill(136, 227, 101);
  x= width/2;
  y= height/2;
  minim = new Minim(this);
player = minim.loadFile("joy.mp3", 1024);
player.play();
}

void draw() {
  antenna = loadImage ("antenna.jpg");
  image (antenna, 0, 0);
  x+= random (-speed, speed);
  y+= random (-speed, speed);
  image (antenna, x, y, 60, 60);

}

void stop()
{
player.close();
minim.stop();

super.stop();
}

IMAGEN, SONIDO Y KEYPRESSED


float speed= 2.5;
int diameter= 20;
float x;
float y;
PImage antenna;
int value = 176;

import ddf.minim.*;

AudioPlayer player;
Minim minim;


void setup() {
  size(625,700, P2D);
  smooth();
  fill(136, 227, 101);
  x= width/2;
  y= height/2;
  minim = new Minim(this);
player = minim.loadFile("joy.mp3", 1024);
player.play();
}
 
void draw() {
  antenna = loadImage ("antenna.jpg");
  image (antenna, 0, 0);
  x+= random (-speed, speed);
  y+= random (-speed, speed);
  image (antenna, x, y, 60, 60);
  fill(value);
  rect(x, y, 60, 60);
}

void stop()
{
player.close();
minim.stop();

super.stop();
}

void keyPressed() {
  if (value == 176) {
    value = 295;
  } else {
   value = 176;
  }
}