new version of dom.js

voicegardens/static/voicegardens.js

@@ -136,17 +136,20 @@ function setupRecording() {
 
   recording = new p5.SoundFile();
 
-  recordButton = createButton("record");
+  recordButton = createImg("../static/images/RECORD-COLOR.png");
   recordButton.position(10, 5);
   recordButton.mousePressed(record);
 
-  stopButton = createButton("stop");
+  stopButton = createImg("../static/images/STOP-BW.png");
   stopButton.position(10, 40);
   stopButton.mousePressed(stop);
 
-  playButton = createButton("play");
+  playButton = createImg("../static/images/PLAY-BW.png");
   playButton.position(10, 75);
   playButton.mousePressed(play);
+
+  chorusButton = createImg("../static/images/CHORUS-BW.png");
+  chorusButton.position(10, 110);
 }
 
 class GeneratedShape {

voicegardens/templates/index.html

@@ -22,6 +22,7 @@
     <script src="/static/p5js/p5.min.js" charset="utf-8"></script>
     <script src="/static/p5js/p5.sound.min.js" charset="utf-8"></script>
     <script src="/static/p5js/p5.collide2d.min.js" charset="utf-8"></script>
+    <script src="/static/p5js/p5.dom.js" charset="utf-8"></script>
     <script src="/static/axios/axios.min.js" charset="utf-8"></script>
     <script src="/static/voicegardens.js" charset="utf-8"></script>
   </body>