Annex. Entorn de treball

Annex 6. El fitxer sketch.js

Ara crearem el fitxer sketch.js.

A l’editor de text, situem el ratolí sobre la carpeta js i fem clic amb el botó dret del ratolí. Seleccionem Crear un nuevo archivo, al qual anomenarem sketch.js.

En aquest fitxer copiarem aquest codi:

let posX = 100;

function setup() {
  createCanvas(400, 400);
  background(200);
}

function draw() {
  ellipse(posX,height*0.5,50,50);
  posX++;
}

Ara, podem visualitzar aquesta pàgina web en un navegador:

Figura 142
Font: elaboració pròpia.

Finalment, incloem un gràfic per recordar-vos l’estructura de les carpetes:

Figura 143
Font: elaboració pròpia.