From 905d9af5bb954ef9f1ad8843afdb3d99bd6bda7d Mon Sep 17 00:00:00 2001
From: Luke Murphy <lukewm@riseup.net>
Date: Tue, 7 Jan 2020 11:39:11 +0100
Subject: [PATCH] Get animations working on top of the map

---
 voicegardens/static/voicegardens.js | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/voicegardens/static/voicegardens.js b/voicegardens/static/voicegardens.js
index e2d6805..e062e4b 100644
--- a/voicegardens/static/voicegardens.js
+++ b/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());