Steal This CodeArt - Pall Thayer

Steal This CodeArt - Pall Thayer, 2017
Object Oriented Code Art

Here you can see what the selected object does as well as make your own edits to the code. Clicking on "Run Code" will show you the effects of your edits. "Stealing" this code will overwrite the original with your changes.

Mr. Rhythm - k

                                                                                        
var mrrhythm = function() {
  var karray;
  var kcount = 0;
  var sarray;
  var scount = 0;
  var harray;
  var hcount = 0;
  var real = new Float32Array(8);
  var imag = new Float32Array(8);
  for(var i = 0; i < real.length; i++) {
    real[i] = Math.random();
    imag[i] = Math.random();
  }

  var thestuff = document.getElementById("thestuff");
  var context = window.AudioContext || window.webkitAudioContext;
  var actx = new context;

  var kickme = actx.createOscillator();
  kickme.type = 'sine';
  kickme.frequency.value = 110;
  var kamp = actx.createGain();
  kamp.gain.value = 0.0;
  kickme.connect(kamp);
  kamp.connect(actx.destination);
  kickme.start();


  var kseq = document.createElement('input');
  kseq.id = 'kickme';
  kseq.type = 'text';
  kseq.value = '10';
  thestuff.appendChild(kseq);

  var spankme = actx.createOscillator();
  var wave = actx.createPeriodicWave(real, imag);
  spankme.setPeriodicWave(wave);
  //spankme.type = 'sine';
  spankme.frequency.value = -1;
  var spbs = 2 * actx.sampleRate,
    spnb = actx.createBuffer(1, spbs, actx.sampleRate),
    spop = spnb.getChannelData(0);
  for(var i = 0; i < spbs; i++) {
    spop[i] = Math.random() * 2 - 1;
  }
  var spanknoise = actx.createBufferSource();
  spanknoise.buffer = spnb;
  spanknoise.loop = true;
  var spamp = actx.createGain();
  spamp.gain.value = 0.0;
  spankme.connect(spamp);
  spanknoise.connect(spamp);
  spankme.start();
  spanknoise.start(0);
  spamp.connect(actx.destination);

  var spseq = document.createElement('input');
  spseq.id = 'spankme';
  spseq.type = 'text';
  spseq.value = '001';
  thestuff.appendChild(spseq);

  var htbs = 2 * actx.sampleRate,
    htnb = actx.createBuffer(1, htbs, actx.sampleRate),
    htop = htnb.getChannelData(0);
  for(var i = 0; i < htbs; i++) {
    htop[i] = Math.random() * 2 - 1;
  }
  var hattrick = actx.createBufferSource();
  hattrick.buffer = htnb;
  hattrick.loop = true;
  var htgain = actx.createGain();
  htgain.gain.value = 0.0;
  hattrick.connect(htgain);
  htgain.connect(actx.destination);
  hattrick.start();

  var htseq = document.createElement('input');
  htseq.id = 'hattrick';
  htseq.type = 'text';
  htseq.value = '000101';
  thestuff.appendChild(htseq);

  var readbeats = function() {
    var k = kseq.value;
    karray = k.split('');
    playbeats("k");
    var s = spseq.value;
    sarray = s.split('');
    playbeats("s");
    var h = htseq.value;
    harray = h.split('');
    playbeats("h");
  }

  var playbeats = function(inst) {
    switch(inst) {
      case 'k':
        if(parseInt(karray[kcount]) == 1) {
          kickme.frequency.setValueAtTime(110, actx.currentTime);
          kickme.frequency.exponentialRampToValueAtTime(0.001, actx.currentTime+10);
          kamp.gain.setValueAtTime(1, actx.currentTime);
          kamp.gain.exponentialRampToValueAtTime(0.001, actx.currentTime+0.5);
        }
        kcount = kcount < karray.length?kcount+1:0;
        break;
      case 's':
        if(parseInt(sarray[scount]) == 1) {
          spankme.frequency.setValueAtTime(220, actx.currentTime);
          spamp.gain.setValueAtTime(0.3, actx.currentTime);
          spamp.gain.exponentialRampToValueAtTime(0.001, actx.currentTime+0.8);
        }
        scount = scount < sarray.length?scount+1:0;
        break;
      case 'h':
        if(parseInt(harray[hcount]) == 1) {
          htgain.gain.setValueAtTime(0.2, actx.currentTime);
          htgain.gain.exponentialRampToValueAtTime(0.001, actx.currentTime+0.1);
        }
        hcount = hcount < harray.length?hcount+1:0;
        break;

    }
  }

  var animate = function() {
    for(var i = 1;i < 9999;i++) {
      window.clearInterval(i);
    }
    var go = setInterval(function(){readbeats();}, 200);
  }
  animate();

}

                                                                                

<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Mr. Rhythm</title>
<script id="mainscript"></script>
</head>
<body>
  <div id="thestuff">
  </div>
<script>
  var mybeats = new mrrhythm();
</script>
</body>
</html>