Comment placer le canvas dans la page HTML ?

Par défaut

Le canvas vient se mettre en bas de page, ce qui n'est pas forcément ce qu'on faire.

Comment le placer dans la page ?

Le principe ici retenu est créé dans le fichier index.html une balise div ayant un identifiant qu'on passera au canvas pour lui indiquer quel est son parent.

Ainsi, à l'endroit voulu dans le fichier index.html, on placera par exemple :

  <div id="sketch-holder">
      <!-- Our sketch will go here! -->
  </div>

Dans le fichier sketch.js, on écrira alors :

function setup() {
  var canvas = createCanvas(100, 100);
 
  // Move the canvas so it’s inside our < div id="sketch-holder"  >.
  canvas.parent('sketch-holder');

}