6. Interacción

6.2. Ejecución única vs continua

Ya hemos visto en anteriores ocasiones las diferencias entre el código que se ejecuta dentro del setup() y del draw(), pero no está de más que repasemos brevemente con un par de ejemplos cómo se comportan ambas funciones. La función setup() se ejecuta una única vez cuando iniciamos nuestro sketch:

function setup() {
  console.log(“Executing SETUP”);
  console.log(“FRAME: ” + frameCount);
}

Si ejecutamos el código anterior, la consola nos mostrará una línea con el texto Executing SETUP y otra línea a continuación mostrando el texto FRAME: 0. Sin embargo, si ejecutamos el siguiente código:

function setup() {
}

function draw() {
  console.log(“Executing DRAW”);
  console.log(“FRAME: ” + frameCount);
}

la consola estará continuamente mostrándonos:

Executing DRAW
FRAME: 1
Executing DRAW
FRAME: 2
Executing DRAW
FRAME: 3

Esto es consecuencia de lo que ya conocemos: el draw() se ejecuta continuamente a razón de 60 frames por segundo (a no ser que le indiquemos otro frame rate mediante frameRate()). El hecho de que el sketch se esté ejecutando continuamente será clave a la hora de poder introducir elementos interactivos, como comprobaremos a continuación.