dynamically create touches

[nanofun.git] / nanofun.js

diff --git a/nanofun.js b/nanofun.js
index 5794cbe41e64dd28a3e1e16ee6a2083c6f338966..bb571a9350cb559b3fbfa8080e82b607a3f56552 100644 (file)
--- a/nanofun.js
+++ b/nanofun.js
@@ -296,8 +296,13 @@ var nanofun = function() {
     self.sample_buffers = Array(16);
     self.samples = Array(16);
     self.audioCtx = new window.AudioContext();
-    self.gainNode = self.audioCtx.createGain();
-    self.gainNode.connect(self.audioCtx.destination);
+    self.touchGainNodes = Array(16);
+    self.masterGainNode = self.audioCtx.createGain();
+    for (var i=0; i<16; i++) {
+      self.touchGainNodes[i] = self.audioCtx.createGain();
+      self.touchGainNodes[i].connect(self.masterGainNode);
+    }
+    self.masterGainNode.connect(self.audioCtx.destination);
   }
 
   self.initMIDI = function() {
@@ -311,8 +316,14 @@ var nanofun = function() {
 
   self.initUI = function() {
     var $nanopad = $('#nanopad');
+    var $nanotouch = $('.nanotouch');
+    for (var i=1; i<16; i++) {
+      var $new_touch = $nanotouch.clone();
+      $new_touch.attr('data-touch', i);
+      $new_touch.appendTo($nanopad);
+    }
 
-    $('.nanotouch input').on('change', function(ev) {
+    $('.nanotouch input[type=file]').on('change', function(ev) {
       var nanotouch = $(this).parent();
       var sample_idx = $nanopad.children().index(nanotouch);
       var reader = new FileReader();
@@ -335,9 +346,10 @@ var nanofun = function() {
     }
 
     midi.onControlChange = function(port, data, control, value) {
-      if (control == 7) {
-        $('#gain').val(value).trigger('change');
-      }
+      if (control > 7 && control < 16) return; /* range between sliders and pots */
+      if (control > 23) return; /* after pots */
+      if (control >= 16) { control -= 8; }
+      $('[data-touch=' + control + '] .touch-gain').val(value).trigger('change');
     }
 
     $(document).keypress(function(ev) {
@@ -347,9 +359,15 @@ var nanofun = function() {
       }
     });
 
-    $('#gain').on('change', function() {
+    $('#master-gain').on('change', function() {
+      var fraction = parseInt(this.value) / parseInt(127);
+      self.masterGainNode.gain.value = fraction * fraction;
+    });
+
+    $('.touch-gain').on('change', function() {
       var fraction = parseInt(this.value) / parseInt(127);
-      self.gainNode.gain.value = fraction * fraction;
+      var touchIdx = parseInt($(this).parent().data('touch'));
+      self.touchGainNodes[touchIdx].gain.value = fraction * fraction;
     });
   }
 
@@ -362,6 +380,7 @@ var nanofun = function() {
         self.samples[sample_idx] = undefined;
       } else {
         var sample = self.audioCtx.createBufferSource();
+        var gainNode = self.touchGainNodes[sample_idx];
         self.samples[sample_idx] = sample;
         sample.loop = false;
         sample.connect(gainNode);