2.9 Tu primer sketch

Listado 2.1

ellipse(50, 50, 50, 50);

Figura 2.2

Con una sola línea de código, Processing crea un simple programa. Evidentemente, no hace nada, pero incluso sin ninguna línea de código, Processing abre una ventana vacía de 100 por 100 pixeles.

Sé que la elipse no parece muy excitante, vamos a introducir el código del listado 2.2 y lo comentamos.

 Listado 2.2

void setup(){
  size(720,220);
}

void draw(){
  if(mousePressed){
  fill(0);

  } else {
  fill(255);
  }
  ellipse(mouseX, mouseY, 80, 80);
}

Figura 2.3

Este programa crea una ventana de 720 pixeles de ancho y 220 de alto y cuando comienza dibuja elipses allá donde se sitúe el ratón. Cuando el ratón es presionado la elipse se dibuja de color negro. Vamos a ver con detenimiento cada parte a lo largo del blog, de momento corre este código, mueve el ratón y clickea para experimentar con ello.