Propeller Clock

En Arduino.

Cuadrados: Composición

Sketch

Set Line

Sketch

Final

CLIK AQUI

Música: El Laúd Plasmath es un instrumento de cuerdas, basado en las técnicas de laudería clásica. Su núcleo está formado por cuerdas y maderas preciosas, que vibran por la captación de señales provenientes de seres vivos. Esto provoca resonancia en las cuerdas y maderas del instrumento, generando cantos.

Hongo y fondo psicodélico: El fundamento de estos es basicamente por la mezcla de emociones que tienen. En el fondo puedo reflejar la mezcla de sentimientos a través de los colores, y el hongo, planta, por lo que produce.

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;
  }
}

Aproximación proyecto

IDEA
En pocas palabras, quiero utilizar un sensor (cámara) como objeto para captar el movimiento y traducirlo en colores cuando esta persona se mueva.

FUNDAMENTO

El porque, es básicamente por que me gustaría experimentar otra gama de este programa, como lo es el movimiento por medio de un sensor. Ademas de parecerme interesante.

OBJETIVOS

Generar interacción entre nosotros y la maquina.

Crear un "canvas" interactivo.

REFERENTES

openni

CODIGO CAMARA WEB

import processing.video.*;

Capture cam;

void setup() {

  size(640, 480);

  cam = new Capture(this, 320, 240);

}

void draw() {

  if (cam.available() == true) {

    cam.read();

    image(cam, 160, 100); 

  }

} 

Variables

Ovni Sorprendido
Pollito en la Pradera

Conceptos

ellipseMode (RADIUS)
Especifica que la locación de la ellipse será el centro de la figura y desde el centro se definen sus bordes.

mouseX 
Es una variable que indica que el valor de la coordinada del mouse en X.

mouseY
Es una variable que indica que el valor de la coordinada del mouse en Y.

mousePressed
Se activa cuando el botón del mouse es presionado. Ocurre una acción al apretar el botón.

Composiciones

Lineas

Círculos

Cuadrados

Triángulos

Processing: Robot

size(720,450);
smooth();
strokeWeight(2);
background(204);
ellipseMode(RADIUS);

//cuello

stroke(102); //setea grosor a gris
line(266,257,266,162); //izquierdo
line(276,257,276,162); //mitad
line(286,257,286,162); //derecho

//antena

line(276,155,246,112); //pequeño
line(276,155,306,56); //alto
line(276,155,342,170); //medio

//cuerpo

noStroke(); //inhabilita grosor
fill(102); //setea relleno a gris
ellipse(264,377,33,33); //orbita antrigravedad
fill(0); // setea relleno a negro
rect(219,257,90,120); //cuerpo robot
fill(102); //setea relleno a gris
rect(219,274,90,6); //franja gris

//cabeza

fill(0); //setea relleno a negro
ellipse(276,155,45,45); //cabeza
fill(255); //setea releno a blanco
ellipse(288,150,14,14); //tamaño ojo
fill(0); //setea relleno a negro
ellipse(288,150,3,3); //pupila
fill(153); //setea relleno a gris claro
ellipse(263,148,5,5); //ojo pequeño uno
ellipse(296,130,4,4); //ojo pequeño dos
ellipse(305,162,3,3); //ojo pequño tres

Robot II Pollito enchulado
Robor Response

Processing: Simple Mouse Draw

Tarea  Processing.
Simple Mouse Draw

Simple Mouse Draw II

Processing: Movimiento

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

void draw() {
  if (mousePressed) {
  fill(0);
} else {
  fill(240, 233, 15);
}
ellipse(mouseX, mouseY, 100, 100);
}

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

void draw() {
  if (mousePressed) {
  fill(0);
} else {
  fill(124, 255, 18);
}
triangle(mouseX, mouseY, 100, 100, 90, 60);
}

void setup() {
  size(800, 250);
  smooth();
}
void draw() {
  if (mousePressed) {
    fill(0);
  } else {
    fill(247, 247, 12);
  }
  ellipse(mouseX, mouseY, 100, 125);
 
  fill(12, 247, 26);
  ellipse(mouseX, mouseY, 60, 100);
 
}

Paper 1

"Getting Started with Processing" de Casey Reas y Ben Fry.
Paper 1

Processing

size(200,200);
background(97,218,247);
fill(40,245,22);
noStroke();
rect(0,180,200,200);
fill(245,218,7); 
ellipse(25,25,40,40);
fill(255,0,0);
rect(70,120,90,60);
triangle(50,120,115,80,180,120);
fill(121,67,13);
stroke(0);
rect(100,129,30,50);
noStroke();
rect(20,129,15,50);
fill(57,242,34);
ellipse(25,125,25,25);
ellipse(12,115,25,25);
ellipse(39,115,25,25);
ellipse(25,100,25,25);
fill(255);
ellipse(152,25,30,30);
ellipse(140,32,40,30);
ellipse(168,32,40,30);
ellipse(152,39,30,30);

2 nivel Programación

Processing es un lenguaje de programación basado en Java open source

iniciado por Ben Fry y Casey Reas...

Processing Clase 1

Portafolio:
http://www.openprocessing.org/portal/?userID=12808

http://processing.org/

Conceptos Básicos:

Paper 7

Marshall McLuhan. La compresión de los medios como extensiones del hombre.
Paper 7

Lala

Lala by casacuberta