Referentes

Referentes

http://www.flickr.com/groups/processing/pool/page2/
 aqui encontre artas imagenes en donde salen una variacion de ideas para las figuras

http://vimeo.com/998674

http://vimeo.com/9232392

Descripcion del proyecto

Es poder crear una composición con diferentes figuras geométricas , colores y iluminación   , el cual al momento de uno  hacer algún movimiento o el sonido de la música se pueda distinguir colores  o las figuras para  poder lograr  hacer algo interactivo con la pantalla y los  movimiento que se  puedan lograr para poder  obtener miles de figuras y  ala ves Arta variaciones de colores en un  mismo tiempo. Donde me gustaría poder integrar música de estilo electrónica que es eso muy asociado ala gran mayoría con processing porque la gran cantidad de estilos de trabajos como también  los colores y por su destacado logro con el movimiento através del mouse.

Referentes :

En este referente  ahi alguna de las cosas que me gustaria lograr con las figuras.

En este referente  me gustaria poder utilizar los modelos de las figuras

Definiciones

int:
Corresponde a un numero entero, se ocupa para darle valor a las variables que se utilizaran en el código.

ellipseMode (RADIUS):
El modo radio es igual que el modo centro de ellipseMode. Este modo especifica que la locación de la ellipse será el centro de la figura y desde el centro se definen los bordes de la figura. 

mouseX: 
Es una variable que indica que el valor será equivalente a donde se encuentre la coordinada del mouse en X.

mouseY:
Es una variable que indica que el valor será equivalente a donde se encuentre la coordinada del mouse en Y.

mousePressed:
Esta función es llamada siempre que el botón del mouse sea presionado. Es posible definir que ocurra una "acción" al apretar el boton.

Figura con Variables

int y= 30;

int x=40;

 void setup() {

   

   

size (200,200) ;

background (#CCCCFF);

 }

 void draw() {

   

fill(#000066);

ellipse (60,60,40,40);

fill(#FF0033);

ellipse(80,70,20,20);

fill(#00CC33);

ellipse(100,70,20,20);

fill(#6600CC);

ellipse(120,70,20,20);

fill(#FF6600);

ellipse(140,70,20,20);

fill(#FF0099);

ellipse(160,70,20,20);

fill(#CCFF00);

ellipse(70,30,20,20);

fill(#00FFCC);

ellipse(50,30,20,20);

 }

Robot con Colores y Movimientos

// Robot 3: Response from "Getting Started with Processing" 

// by Reas & Fry. O'Reilly / Make 2010

float x = 60;          // X-coordinate

float y = 440;         // Y-coordinate

int radius = 45;       // Head Radius

int bodyHeight = 160;  // Body Height

int neckHeight = 70;   // Neck Height

float easing = 0.09;

void setup() {

  size(560, 480);

  smooth();

  strokeWeight(6);

  ellipseMode(RADIUS);

}

void draw() {

  

  int targetX = mouseX;

  x += (targetX - x) * easing;

    

  if (mousePressed) {

    neckHeight = 16;

    bodyHeight = 90; 

  } else {

    neckHeight = 70;

    bodyHeight = 160; 

  }

  

  float ny = y - bodyHeight - neckHeight - radius;

  

  background(0,215,255);

  fill(0,255,31);

  rect(0,440,560,40);

  

  // Neck

  stroke(255,0,153);

  line(x+12, y-bodyHeight, x+12, ny); 

  // Antennae

  line(x+12, ny, x-18, ny-43);

  line(x+12, ny, x+42, ny-99);

  line(x+12, ny, x+78, ny+15);

  // Body

  noStroke();

  fill(250,182,223);

  ellipse(x, y-33, 33, 33);

  fill(88,1,53);

  rect(x-45, y-bodyHeight, 90, bodyHeight-33);

  // Head

  fill(88,1,53);

  ellipse(x+12, ny, radius, radius); 

  fill(255);

  ellipse(x+24, ny-6, 14, 14);

  fill(0);

  ellipse(x+24, ny-6, 3, 3);

}

Trabajo en clase con variables

int x= 150;

void setup () {
 
size(600,600);
background (#CC1CE8);

if (x>100) {
 
line(20,20,180,180);
fill (0);
triangle(10,5,80,10,60,90);
triangle(60,90,130,90,120,170);
triangle(130,170,190,130,180,200);
}
}

void draw () {
  if (mousePressed) {
    ellipse (50,50,30,30);
 
  } else {
ellipse (20, 20, 60, 60);
  }
}

Trabajo clase

size(480,120);
smooth ();
strokeWeight (50);
ellipse (140 ,8,190,190);

rect(160,30,260,20);

Robot

size(720,480);

smooth();

strokeWeight(2);

background(204);

ellipseMode(RADIUS);

 //cuello

 stroke(102); //set stroke togray

 line (266,257,266,162);

 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 (); // inavilita Stroke

 fill (102); // cetea relleno a gris 

ellipse(264,377,33,33); //orbita ante gravedad

fill(0); // cetea relleno a negro

rect(219 , 257,90,120); //cuerpo robot

fill(102); // cetea relleno a gris 

rect (219,274,90,6); // franja gris 

//cabeza

fill(0); // cetea relleno a negro

ellipse(276,155,45,45); //cabeza

fill (255); // cetea relleno a blanco

ellipse( 288,150,14,14); //tamaño ojo

fill(0); //cetea relleno a negro 

ellipse(288,150,3,3); //pupila

fill(153); //

ellipse(263,148,5,5);

ellipse(296,130,4,4);

ellipse(305,162,3,3);

Trabajo en clase de figuras geometricas

size (200,200);

background(#FFFFFF);

line(80,60,80,180);

stroke (#00CCCC);

line(20,120,160,120);

stroke(#CC0066);

line (20,60,120,160);

stroke (#00CC00);

line (120,80,40,160);

stroke(#FFFF00);

size (200,200);

background (#33FF00);

triangle ( 120, 200,40,40,180,40);

stroke (#3366FF);

triangle (100,130,160,60,80,60);

size(200,200);

background(#660066);

stroke (#CC0033);

rect (100,60,60,60,100,180,180,60);