Bloque 1. Processing

 Este primer apartado lo dedicaremos a processing, a lo más básico de esta plataforma.
Empezaremos con las funciones "void setup" y "void draw".


La función setup y la función void draw es necesaria para iniciar todos los programas. Ambas se terminan con dos paréntesis y con una llave y se inicia con otra llave.

Ahora vamos a hablar de los colores. Cada color tiene unos colores específicos y se pueden encontrar en la calculadora de colores RGB en internet.



Ahora vamos a dibujar una línea. Para ello necesitaremos introducir la función "line" y entre paréntesis pondremos las coordenadas que queremos que tenga la línea (x,y,x,y).

Ahora vamos a cruzar 2 líneas y vamos a añadirlas colores. Utilizaremos estas funciones:
background(255); line(0, 0, 100, 100); stroke(0, 0, 255); line(0, 100, 100, 0);  
A continuación lo que queremos es  ajustar una elipse a el tamaño que elijamos de pantalla:
size(400, 200);
ellipse(width/2, height/2, width, height);

Voy a dejar unos vídeos resumen con todo lo que tiene este apartado:

Bloque 1

Ya que sabemos todas las funciones necesarias, vamos a realizar nuestro primer proyecto: la serpiente roja. El código es el siguiente:

int red = 255;
 
void setup() {
  size(400, 400);
}

void draw() {
  red = red - 1;            
  if (red < 0){
    red = 255;                
  }
  
  noStroke();             
  fill(red, 0, 0);          
  ellipse(mouseX, mouseY, 30, 30); 

}

El resultado final es:

El segundo proyecto es la casa. En este proyecto tenemos que realizar una 

casa con unos colores específicos. El código es el siguiente:

void setup() {
  size(400, 400);
}
void draw() {
  fill(255,0,0);
  rect(100,100,200,250);
  fill(0,255,0);
  line(300,100,200,25);
  line(100,100,200,25);

  fill(66,29,0);
  strokeWeight(10);
  line(150,350,150,250);
  line(250,350,250,250);
  line(150,250,250,250);  
  fill(204,246,255);
  strokeWeight(5);
  ellipse(150,150,50,50);
  ellipse(250,150,50,50);
}

Para finalizar este apartado dejo unos apuntes PDF:

Resumen de instrucciones