fix beat detection on 0

Author: Dimitri Buhon

0/index.js

@@ -1,22 +1,25 @@
 let yoff = 0.0;
 let song;
-let peaks = [];
 let dark = true;
 let fast = false;
 
 function preload() {
-    song = loadSound('../assets/song.mp3', () => song.processPeaks((result) => peaks = result));
+    song = loadSound('../assets/song.mp3');
 }
 
 function setup() {
     createCanvas(windowWidth, windowHeight);
     fill(25);
     song.loop();
     song.play();
+
+    amplitude = new p5.Amplitude();
+    amplitude.setInput(song);
 }
 
 function draw() {
-    if (peaks.find(p => p.toFixed(1) === song.currentTime().toFixed(1))) {
+    const level = amplitude.getLevel();
+    if (level >= .3) {
         color = randomizeColor(color);
         fill(color.r, color.g, color.b);
         fast = !fast;
@@ -31,7 +34,7 @@ function draw() {
         xoff += 0.01;
     }
 
-    yoff += fast ? 0.005 : 0.0005;
+    yoff += fast ? 0.0025 : 0.0005;
     vertex(width, height);
     vertex(0, height);
     endShape();

1/index.js

@@ -61,6 +61,7 @@ function draw() {
     }
 
     xoff += fast ? 0.000005 : 0.000001;
+
 }
 
 function x(value) {

index.html

@@ -0,0 +1,7 @@
+p5js tests reacting to sound
+<ul>
+    <li><a href='/0'>Test 1</a></li>
+    <li><a href='/1'>Test 2</a></li>
+    <li><a href='/2'>Test 3</a></li>
+    <li><a href='/3'>Test 4</a></li>
+</ul>