jueves, 7 de enero de 2016

12º CONTACTO


                                     Time & Date

-Day(): Este comando comunica con el valor de su ordenador y  vuelve el día de hoy en valores de 1- 31.

Ejemplo

int d = day();    // Values from 1 - 31
background(234,145,56);
String s = String.valueOf(d);
text(s, 10, 28);



-Hour(): Esta función también se comunica con el reloj, pero esta con las horas y da valores del 0-23.

Ejemplo

void draw() {
  background(204);
  int s = second();  // Values from 0 - 59
  int m = minute();  // Values from 0 - 59
  int h = hour();    // Values from 0 - 23
  line(s, 0, s, 33);
  line(m, 33, m, 66);
  line(h, 66, h, 100);
}

La línea de abajo son las horas y la de arriba marca los segundos por lo tanto se mueve.

-Millis():Devuelve el número de mili-segundos (milésimas de segundo) desde que comenzó el programa. Esta información se utiliza a menudo para cronometrar eventos y secuencias de animación.

Ejemplo

void draw() {
  int m = millis();
  noStroke();
  fill(m % 255);
  rect(25, 25, 50, 50);
}



Este programa hace un cuadro y se pone a parpadear.

-Minute(): Este proceso también se comunica con el reloj de su ordenador. La función minute( ) devuelve la hora actual como un valor 0-59 .

Ejemplo

void draw() {
  background(204);
  int s = second();  // Values from 0 - 59
  int m = minute();  // Values from 0 - 59
  int h = hour();    // Values from 0 - 23
  line(s, 0, s, 33);
  line(m, 33, m, 66);
  line(h, 66, h, 100);
}


Cuando se mueva la línea de arriba desde la izquierda hasta la derecha (actúa como los segundos), la línea de abajo se mueve un espacio al lado.

-Month: Este proceso se comunica con el reloj de su ordenador. La función month ( ) devuelve el mes actual como un valor de 1 a 12.

Ejemplo

int d = day();    // Values from 1 - 31
int m = month();  // Values from 1 - 12
int y = year();   // 2003, 2004, 2005, etc.

String s = String.valueOf(d);
text(s, 10, 28);
s = String.valueOf(m);
text(s, 10, 56);
s = String.valueOf(y);
text(s, 10, 84);


-Second(): Este proceso se comunica con el reloj de su ordenador. La función second( ) devuelve el segundo actual como un valor 0-59 .

Ejemplo

int d = day();    // Values from 1 - 31
int m = month();  // Values from 1 - 12
int y = year();   // 2013, 2014, 2015, etc.

String s = String.valueOf(d);
text(s, 10, 28);
s = String.valueOf(m);
text(s, 10, 56);
s = String.valueOf(y);
text(s, 10, 84);

Se mueve la línea de arriba como los segundos.

-Year(): Este proceso se comunica con el reloj de su ordenador. La función de year( ) devuelve el año actual como un número entero (2013, 2014, 2015, etc ) .

Ejemplo

int d = day();    // Values from 1 - 31
int m = month();  // Values from 1 - 12
int y = year();   // 2013, 2014, 2015, etc.

String s = String.valueOf(d);
text(s, 10, 28);
s = String.valueOf(m);
text(s, 10, 56);
s = String.valueOf(y);
text(s, 10, 84);


11º CONTACTO



                                    BEZIERVERTEX()

BEZIERVERTEX(): Mediante unas coordenadas puede hacer una curva añadiendo un punto central para crear un segmento o forma. Esto se hace en el comando noFill().Se utiliza los comandos vertex() para indicar las coordenadas y el bezierVertex() para indicar un punto para formar nuestra cuerva o forma. Si quieres que sea en 3D se utiliza el comando beingshape() para empezar y para terminar siempre el comando endshape() para los dos. Se utiliza los mismos comando.

Ejemplo

noFill();
beginShape();
vertex(30, 20);
bezierVertex(80, 0, 80, 75, 30, 75);
endShape();


Y  de la otra forma es :

beginShape();
vertex(30, 20);
bezierVertex(80, 0, 80, 75, 30, 75);
bezierVertex(50, 80, 60, 25, 30, 20);
endShape();


10º CONTACTO


                            CURVETIGHTNESS()


CURVETIGHTNESS(): Modifica la calidad de las formas creadas por curve. Determina la forma de la curva que se ajusta a los vértices.

Ejemplo

void setup() {
  size(100, 100);
  noFill();
}
void draw() {
  background(204);
  float t = map(mouseX, 0, width, -5, 5);
  curveTightness(t);
  beginShape();
  curveVertex(10, 26);
  curveVertex(10, 26);
  curveVertex(83, 24);
  curveVertex(83, 61);
  curveVertex(25, 65);
  curveVertex(25, 65);
  endShape();


}


9º CONTACTO


                                 QUAD()

QUAD():Este comando se utiliza para hacer un cuadrado o cualquier otro tipo de polígono. Hay que poner 4 coordenadas para indicar los vértices (X1,Y1,X2,Y2,X3,Y3,X4,Y4), del 1 al 100.

Ejemplo



quad(1,25,50,75,80,25,50,100);


8º CONTACTO


                        SETTINGS()


SETTINGS(): Se utilizar para definir size, smooth… para un boceto. Se ejecuta antes de hacer el boceto.

Ejemplo

int x = 0;

void settings() {
fullScreen();        //para que salga la pantalla en grande

}
void setup() {
 background(0);

 noStroke();
 fill(102);

}
void draw() {
rect(x, height*0.2, 1, height*0.6);
 x = x + 2;

}

7º CONTACTO


                                        FOCUSED

FOCUSED: Esta variable indica si un programa está centrado o no, con otras palabras sería, si está activo o no mediante la variable true o false.

Ejemplo

if (focused) {  // or "if (focused == true)"
 ellipse(25, 25, 50, 50);


else {
 line(0, 0, 100, 100);

  line(100, 0, 0, 100);
}


jueves, 17 de diciembre de 2015

6º CONTACTO

                            SERPIENTE

En este programa vamos hacer que se mueva un objeto simulando que fuera una "serpiente". Se crea un círculo y este va hacer el que haga nuestra serpiente.
Para ello vamos a utilizar los comando nostroke, fill, ellipse y size.
Estos son los comandos nuevos que hasta ahora no lo hemos utilizado:
- Nostroke: Este comando se utiliza para no dibujar el contorno de las figuras.
- Fill: Este comando se utiliza para establecer un color a la figura. Siempre hay que poner tres números. Ej(255,45,67).


 
Hemos creado un círculo al principio. Este es el programa:


void setup() {
 size(400,400);
}
void draw() {
nostroke();
fill(255, 10, 100);
ellipse(100, 100, 30, 30);
}

Con la ayuda de otro programa hemos hecho que nuestro círculo se moviera. Hemos cambiado el color del círculo.
Aquí os dejo el programa:
 void setup() {
  size(400, 400);
}

void draw() {
  noStroke();           
  fill(155,120, 170);        
  ellipse(mouseX, mouseY, 30, 30);
}

 Hay que decir que hay programas más complejos, pero no lo vamos a utilizar por ahora, ya que todavía estamos con lo básico. Más adelante lo ire haciendo.

EJEMPLOS
Ahora hemos utilizado los comando mouseX y mouseY, para que el círculo se moviera. Además hemos cambiado el color.



Aquí os dejo el programa que he utilizado:
 void setup() {
 size(400,400);
}
void draw() {
nostroke();
fill(255, 10, 100);
ellipse(50, 50, mouseX, mouseY);
}
 Hemos añadio otro círculo, ya tenemos dos, uno ha empezado por la derecha y otro por la izquierda con diferentes coordenadas.


Aquí os dejo el programa:
void setup() {
  size(400, 400);
}

void draw() {
  noStroke();            
  fill(155,120, 170);         
  ellipse(mouseX, mouseY, 30, 30);
  ellipse( 30, 30, mouseX, mouseY);
}