add some knobs for effects

diff --git a/index.html b/index.html
index 55897f262212d974f213db2b9403dc8fbd51ad1b..039f0f3e117490d2e12f28f03fa0b9f83c707e17 100644 (file)
--- a/index.html
+++ b/index.html
@@ -21,9 +21,15 @@
   <div id="msg"></div>
   <div id="midiinputs"></div>
   <div id="midioutputs"></div>
+
   <form>
-    <br><input id="master-gain" type="range" min="0" max="127" value="127">
+    <div><label>Master</label> <input id="master-gain" type="range" min="0" max="127" value="127"></div>
+    <br>
+    <div><label>Delay</label> <input id="delay" type="range" min="0" max="5" value="0" step="0.1"></div>
+    <div><label>Feedback</label> <input id="feedback" type="range" min="0" max="1" value="0.8" step="0.1"></div>
+    <div><label>Filter</label> <input id="filter" type="range" min="0" max="5000" value="1000" step="100"></div>
   </form>
+
   <div id="gitclone">Source code at <a href="https://git.0d.be/?p=nanofun.git">https://git.0d.be/?p=nanofun.git</a></div>
  </body>
 </html>

diff --git a/nanofun.css b/nanofun.css
index 158fa7f3fb7c224b60fada7b088545275197b10e..99c357ec2255cc89ad1aa2f687fd39520bd000b1 100644 (file)
--- a/nanofun.css
+++ b/nanofun.css
@@ -75,3 +75,12 @@ div#gitclone {
   bottom: 1ex;
   right: 1ex;
 }
+
+form {
+  margin: 1em;
+}
+
+form label {
+  display: inline-block;
+  width: 10em;
+}

diff --git a/nanofun.js b/nanofun.js
index fd4dcbddecc9bcd4c49f8cea5633f70ad910cd43..6b8ba95700f9c0c466e39e84c223081b626fd68a 100644 (file)
--- a/nanofun.js
+++ b/nanofun.js
@@ -303,6 +303,21 @@ var nanofun = function() {
       self.touchGainNodes[i].connect(self.masterGainNode);
     }
     self.masterGainNode.connect(self.audioCtx.destination);
+
+    self.delay = self.audioCtx.createDelay(maxDelayTime=5);
+    self.delay.delayTime.value = 0.5;
+
+    self.feedback = self.audioCtx.createGain();
+    self.feedback.gain.value = 0.8;
+
+    self.filter = self.audioCtx.createBiquadFilter();
+    self.filter.frequency.value = 1000;
+
+    self.delay.connect(self.feedback);
+    self.feedback.connect(self.filter);
+    self.filter.connect(self.delay);
+
+    self.masterGainNode.connect(self.delay);
   }
 
   self.initMIDI = function() {
@@ -374,6 +389,24 @@ var nanofun = function() {
       self.masterGainNode.gain.value = fraction * fraction;
     });
 
+    $('#delay').on('change', function() {
+      var value = this.value;
+      if (value == 0) {
+        self.delay.disconnect();
+      } else {
+        self.delay.delayTime.value = value;
+        self.delay.connect(self.audioCtx.destination);
+      }
+    });
+
+    $('#feedback').on('change', function() {
+      self.feedback.gain.value = this.value;
+    });
+
+    $('#filter').on('change', function() {
+      self.filter.frequency.value = this.value;
+    });
+
     $('.touch-gain').on('change', function() {
       var fraction = parseInt(this.value) / parseInt(127);
       var touchIdx = parseInt($(this).parent().data('touch'));