Anexo 1. Entorno de trabajo

Anexo 6. El archivo sketch.js

Vamos ahora a crear el archivo sketch.js.

En el editor de texto, situamos el ratón sobre la carpeta js y hacemos clic con el botón derecho del ratón. Seleccionamos Crear un nuevo archivo, al que llamaremos sketch.js.

En ese archivo copiaremos este código:

let posX = 100;

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

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

Ahora, podemos visualizar esa página web en un navegador:

Finalmente, incluimos un gráfico para recordaros la estructura de carpetas: