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