Get animations working on top of the map

voicegardens/static/voicegardens.js

@@ -217,21 +217,24 @@ function setup() {
   /**
    * The p5.js initial setup function.
    **/
-  var canvas = createCanvas(canvasWidth, canvasHeight);
-  canvas.parent("canvasContainer");
+  canvas = createCanvas(canvasWidth, canvasHeight);
 
-  var tileMap = mappa.tileMap(tileMapOptions);
+  tileMap = mappa.tileMap(tileMapOptions);
   tileMap.overlay(canvas);
 
   setupRecording();
+
   frameRate(frameRate);
+
+  fill("red");
 }
 
 function draw() {
   /**
    * The p5.js draw loop.
    **/
-  background(canvasColour);
+  clear();
+  noStroke();
 
   if (newSoundJustRecorded === true) {
     shapes.push(new GeneratedShape());