5.1 void setup y void draw

Nuestro código puede responder a inputs desde el mouse, teclado y otros dispositivos que estén corriendo continuamente. Para que nuestro código sea interactivo y tenga movimiento vamos a presentar dos importantes funciones.

void setup(){
}

void draw(){
}

Normalmente, todos nuestros códigos van a contener estas dos funciones.

void setup() se configura y se lee una sola vez. Suele servir para introducir funciones y parámetros con los que iniciaremos nuestro programa y código que no varía. Por ejemplo, en void setup() es donde coloca la función de tamaño size(widht, height) para nuestra aplicación. Dado que sus parámetros no serán modificados mientras reproducimos nuestro programa.

void draw() es leído continuamente, a 60 frames por segundos, si no le decimos lo contrario a Processing y nuestro equipo tiene la suficiente potencia. Aquí es donde processing crea las animaciones y la interacción. Todo lo que metamos entre los dos corchetes ({}) de void draw() será leído repetidamente hasta que detengamos nuestro programa.

Al llegar al final del código de void draw() vuelve de nuevo al principio y repite el proceso indefinidamente hasta que pulsamos STOP.

Los corchetes ({...}) delimitan cada parte, son conocidos como bloques de código. Es algo así como los párrafos cuando escribimos en un lenguaje hablado. Sirven para organizar mejor nuestro código, separarlo visualmente y también nos permiten introducir otro concepto importante en programación: El alcance de las variables, que explicamos en la siguiente tema.

Es importante que utilices bien los espacios y la tabulación cuando escribas tus programas con el fin de poder visualizar claramente los bloques y las partes de tu código. Intenta ser organizado y limpio cuando escribas tus programas, no te olvides de utilizar comentarios aclaratorios con la doble barra (//) o con barra asterisco, comentario, asterisco barra (/* ... */) para comentarios de varias líneas.

Otro aspecto que tienes que tener en cuenta es que Processing es Case sensitive. Esto significa que diferencia entre mayúsculas y minúsculas. Así que escribe los códigos tal y como se muestran en el blog o tus programas no funcionarán.