6. Interacció

6.2. Execució única vs. contínua

Ja hem vist en anteriors ocasions les diferències entre el codi que s’executa dins del setup() i del draw(), però no està de més que repassem breument amb un parell d’exemples com es comporten totes dues funcions. La funció setup() s’executa una única vegada quan iniciem el nostre sketch:

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

Si executem el codi anterior, la consola ens mostrarà una línia amb el text Executing SETUP i una altra línia a continuació mostrant el text FRAME: 0. No obstant això, si executem el codi següent:

function setup() {
}

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

la consola estarà contínuament mostrant-nos:

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

Això és conseqüència del que ja coneixem: el draw() s’executa contínuament a raó de 60 frames per segon (tret que l’indiquem un altre frame rate mitjançant frameRate()). El fet que l’sketch s’estigui executant contínuament serà clau a l’hora de poder introduir elements interactius, com comprovarem a continuació.