jueves, 7 de enero de 2016

FILES

Dentro del comando files hay dentro varios comandos que están relacionados con él.
Estos son todos ellos:
-BufferedReader
-createInput()
-createReader()
-launch()
-loadBytes()
-loadJSONArray()
-loadJSONObject()
-loadStrings()
-loadTable()
-loadXML()
-parseJSONArray()
-parseJSONObject()

BEGINSHAPE()


Descripción:
Utilizando el beginShape () y endShape () funciones permiten crear formas más complejas. beginShape () comienza la grabación de vértices de una forma y endShape () detiene la grabación. El valor del parámetro de tipo le dice qué tipos de formas para crear a partir de los vértices previstas. Sin especificar el modo, la forma puede ser cualquier polígono irregular. Los parámetros disponibles para beginShape () son puntos, líneas, triángulos. Después de llamar a la función beginShape (), una serie de vértices () comandos deben ir acontinuación .Para dejar de dibujar la forma, llame endShape (). La función vértice () con dos parámetros especifica una posición en 2D, y la función vértice () con tres parámetros especifica una posición en 3D.
Tampoco es posible utilizar otras formas, tales como elipse () o rect () dentro de beginShape ().

Sintaxis:
beginShape()
beginShape(kind)




Ejemplos:



CURVETANGENT()


Descripción:
Calcula la tangente de un punto sobre una curva.

Sintaxis:
curveTangent (a, b, c, d, t)
a----coordenada del primer punto de la curva
b----coordenada del primer punto de control
c----coordenada del segundo punto de control
d----coordenada del segundo punto de la curva
t----valor entre 1 y 0


 Ejemplos:

 


POINT()


Descripción:
Dibuja un punto, una coordenada en el espacio a la dimensión de un píxel. El primer parámetro es el valor horizontal para el punto, el segundo valor es el valor vertical para el punto, y el tercer valor opcional es el valor de profundidad.

Sintaxis:
point (x,y)
point (x,y,z)



Ejemplos:





PIXELWIDTH()

Descripción:
Cuando pixelDensity (2) se utiliza para hacer uso de una pantalla de alta resolución, la anchura y la altura del boceto no cambian, pero el número de píxeles es duplicado. Como resultado, todas las operaciones que utilizan píxeles (como loadPixels (), get (), set (), etc.) duplican el espacio. Para su conveniencia, las variables PixelWidth y pixelHeight tienen la anchura real y la altura del boceto en píxeles.


Ejemplos:


DISPLAY DENSITY()


Descripción:
Esta función devuelve el número 2 si la pantalla es una pantalla de alta densidad, en cambio, devuelve un 1 en caso contrario, si la pantalla es de baja densidad.

Sintaxis:
displayDensity()
displayDensity(display)

Ejemplo:
                                         

jueves, 17 de diciembre de 2015

SERPIENTE ROJA

A PARTIR DE AHORA HAREMOS ALGUNAS ENTRADAS SÓLO RELACIONADAS CON PROYECTOS, ES DECIR, VAMOS A PRACTICAR CON LO QUE HEMOS APRENDIDO HASTA HOY. SE PUDE DAR EL CASO QUE PARA ALGUNOS PROYECTOS SE UTILICEN NUEVOS COMANDOS QUE NOS CONOZCAMOS. NO PASA NADA, LO EXPLICAREMOS SOBRE LA MARCHA.

ESTE PROYECTO VA SOBRE CÓMO HACER UNA SERPIENTE DE CUALQUIER COLOR EN LA PANTALLA DE RESULTADO. 

PRIMERO EMPEZAREMOS POR CREAR UN PUNTO ROJO



1 2
3 4
5
6
7
8
9
void setup() {
  size(400, 400);
}
void draw() {
  noStroke();               
  fill(255, 0, 0);          
  ellipse(100, 100, 30, 30); 
}


CÓMO VEMOS EN ESTE PROGRAMA HEMOS USADO VARIOS COMANDOS, LOS VAMOS A EXPLICAR:

-NOSTROKE: LA FIGURA DEL RESULTADO SALDRÁ SIN BORDES
-FILL: SALDRÁ EL COLOR ROJO

EL RESULTADO SERÍA ESTE:


POCO A POCO MODIFICAREMOS EL PROGRAMA PARA QUE AL FIN SALGA LA FIGURA QUE QUEREMOS.

EL SIGUIENTE PASO ES HACER QUE EL PUNTO ROJO SE MUEVA CUANDO MOVAMOS EL RATÓN DEJANDO SU RASTRO.

EL PROGRAMA MODIFICADO SERÍA ESTE:



1 2
3 4
5
6
7
8
9
void setup() {
  size(400, 400);
}
void draw() {
  noStroke();             
  fill(255, 0, 0);          
  ellipse(mouseX, mouseY, 30, 30); 
}


PONIENDO EN EL COMANDO ELLIPSE, MOUSEX Y MOUSE Y CONSEGUIMOS EL RESULTADO QUE DECÍAMOS ANTES.




A CONTINUACIÓN VAMOS A CONSEGUIR CON EL SIGUIENTE PROGRAMA LO MISMO QUE ANTES SÓLO QUE AL TRAZAR LA LÍNEA EL COLOR IRÁ VARIANDO DE ROJO A NEGRO, Y CUANDO LLEGUE A NEGRO SE VOLVERÁ ROJO OTRA VEZ Y ASÍ SUCESIVAMENTE.

ESTE ES EL PROGRAMA:

1 2
3 4
5
6
7
8
9
10
11
12
13
14
15
16
17
int rojo = 255;
  
void setup() {
  size(400, 400);
}
void draw() {
  rojo = rojo - 1;            
  
  if (rojo < 0){ 
    rojo = 255;             
  }
   
  noStroke();             
  fill(rojo, 0, 0);          
  ellipse(mouseX, mouseY, 30, 30); 
}



ESTE SERÍA EL RESULTADO:


SE HAN UTILIZADO OTROS COMANDOS NUEVOS:

-INT: SE UTILIZA PARA NOMBRAR VARIABLES.
-IF: PARA INDICAR UNA CONDICIÓN. EN ESTE CASO SE LEERÍA EL ROJO SE VA HACIENDO CADA VEZ MÁS OSCURO, CUANDO LLEGUE AL MÁXIMO DE OSCURIDAD HAZLO CLARO OTRA VEZ.


POR ÚLTIMO, VAMOS A CONSEGUIR QUE EL COLOR VAYA VARIANDO CON EL TIEMPO, UN TIEMPO DETERMINADO QUE QUERAMOS NOSOTROS. 


1 2
3 4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
int rojo = 255;
int tiempo = 0;
  
void setup() {
  size(400, 400);
}
void draw() {
  tiempo = tiempo + 1; 
  rojo = int(128 * (1 + sin(tiempo * 2 * PI / frameRate / 20))); 
   
  noStroke();             
  fill(rojo, 0, 0);          
 ellipse(mouseX, mouseY,30,
30); 
}



EN ESTE PROGRAMA HEMOS NOMBRADO OTRA VARIABLE, EL TIEMPO QUE TIENE VALOR DE 255. EN LA LÍNEA 9 PONE QUE SE HA INCREMENTADO EL TIEMPO EN UNA UNIDAD CON TIEMPO = TIEMPO + 1.
EN LA LÍNEA 11 Y 12 LO QUE SE HA HECHO ES QUE REPITE EL COLOR ROJO Y LO CAMBIA CADA 20 SEGUNDOS. 

Y RESULTADO FINAL DE NUESTRA SERPIENTE ROJA SERÍA ESTE:




EL SIGUIENTE PROYECTO QUE HAREMOS SERÁ UN RELOJ DE POST-IT