Replacement of es5 functions to es6 classes feat p5.onsetDetect (#525)

Author: endurance21

src/app.js

@@ -68,8 +68,6 @@ import './soundRecorder';
 import peakDetect from './peakDetect';
 p5.peakDetect = peakDetect;
 
-
-
 import Distortion from './distortion';
 p5.Distortion = Distortion;
 
@@ -82,5 +80,11 @@ p5.AudioVoice = AudioVoice;
 import MonoSynth from './monosynth';
 p5.MonoSynth = MonoSynth;
 
+
+
+import OnsetDetect from './onsetDetect';
+p5.OnsetDetect = OnsetDetect;
+
 import PolySynth from './polysynth';
 p5.PolySynth = PolySynth;
+

src/onsetDetect.js

@@ -9,40 +9,44 @@
  *  @param {Number} threshold   Amplitude threshold between 0 (no energy) and 1 (maximum)
  *  @param {Function} callback  Function to call when an onset is detected
  */
-p5.OnsetDetect = function (freqLow, freqHigh, threshold, callback) {
-  this.isDetected = false;
-  this.freqLow = freqLow;
-  this.freqHigh = freqHigh;
-  this.treshold = threshold;
-  this.energy = 0;
-  this.penergy = 0;
-
-  // speed of decay
-  this.sensitivity = 500;
-
-  this.callback = callback;
-};
-
-// callback here too?
-p5.OnsetDetect.prototype.update = function (fftObject, callback) {
-  this.energy = fftObject.getEnergy(this.freqLow, this.freqHigh) / 255;
-
-  if (this.isDetected === false) {
-    if (this.energy - this.penergy > this.treshold) {
-      this.isDetected = true;
-
-      if (this.callback) {
-        this.callback(this.energy);
-      } else if (callback) {
-        callback(this.energy);
-      }
+class OnsetDetect {
+  constructor(freqLow, freqHigh, threshold, callback) {
+    this.isDetected = false;
+    this.freqLow = freqLow;
+    this.freqHigh = freqHigh;
+    this.treshold = threshold;
+    this.energy = 0;
+    this.penergy = 0;
+
+    // speed of decay
+    this.sensitivity = 500;
+
+    this.callback = callback;
+  }
+
+  // callback here too?
+  update(fftObject, callback) {
+    this.energy = fftObject.getEnergy(this.freqLow, this.freqHigh) / 255;
 
-      var self = this;
-      setTimeout(function () {
-        self.isDetected = false;
-      }, this.sensitivity);
+    if (this.isDetected === false) {
+      if (this.energy - this.penergy > this.treshold) {
+        this.isDetected = true;
+
+        if (this.callback) {
+          this.callback(this.energy);
+        } else if (callback) {
+          callback(this.energy);
+        }
+
+        var self = this;
+        setTimeout(function () {
+          self.isDetected = false;
+        }, this.sensitivity);
+      }
     }
+
+    this.penergy = this.energy;
   }
+}
 
-  this.penergy = this.energy;
-};
+export default OnsetDetect;