SERPIENTE ROJA

1-En primer lugar, para conseguir hacer un pequeño punto rojo debemos insertar este código:

void setup() {                        

  size(400, 400);               

}

void draw() {

  noStroke();               

  fill(255, 0, 0);          

  ellipse(100, 100, 30, 30);

}




En pantalla deberías ver esto:







2- El segundo paso es conseguir que el círculo rojo se mueva, copiando el siguiente código:

void setup() {

  size(400, 400);

}

void draw() {

  noStroke();            

  fill(255, 0, 0);         

  ellipse(mouseX, mouseY, 30, 30); // Circulo de en funcion de las coordenadas del raton

}




Esto es lo que deberías ver en pantalla:

3- El tercer paso es hacer que esa línea vaya cambiando de color. Para hacer que esos colores sean rojo y negro, tendrás que insertar:

int rojo = 255;    void setup() {   size(400, 400); }   void draw() {   rojo = rojo - 1;              if (rojo < 0){     rojo = 255;               }       noStroke();               fill(rojo, 0,

En pantalla deberías ver:

4- El cuarto paso es hacer que estos círculos ahora de diferente color cambien también de tamaño. El código correspondiente es:

int rojo = 255;

int tiempo = 0;

int diametro = 50;

  

void setup() {

  size(400, 400);

}

void draw() {

  tiempo = tiempo + 1;    

  rojo = int(128 * (1 + sin(tiempo * 2 * PI / frameRate / 20)));

  diametro = int(50 * (1 + sin( tiempo * 2 * PI / frameRate / 5)));

   

  noStroke();            

  fill(rojo, 0, 0, 50); 

  ellipse(mouseX, mouseY, diametro, diametro);

}







En pantalla deberías ver: