{

  return Math.sin((x * 1 * 2 * Math.PI))

}

​

var feedback = 0;

​

var previous = 0;

​

var tl = 1;

​

var LEN = 256

​

var H = 255

​

function fb(x)

{

  var current = getSine(x *1 + feedback * (previous / 4)) * tl;

  previous = current;

  return current;

}

​

function setup() {

  createCanvas(LEN, 255);

  noStroke();

  var fbSlider = createSlider(0, 4, feedback, 0.01).addClass("mySliders");

  var fbSpan = createSpan("FB : "+ feedback + "\n");

      //console.log(tlSliders[i]);

      fbSlider.style('width', '512px');

      fbSlider.style("margin-bottom","-8px");

      fbSlider.input(function() {

        //console.log(this.id);

        feedback = this.value();

        fbSpan.html("FB : " + feedback + "\n")

      });

  var tlSpan = createSpan("TL : "+ tl);

  var volSlider = createSlider(0, 4, tl, 0.01).addClass("mySliders");

      //console.log(tlSliders[i]);

      volSlider.style('width', '512px');

      volSlider.style("margin-bottom","-8px");

      volSlider.input(function() {

        //console.log(this.id);

        tl = this.value();

        tlSpan.html("TL : " + tl)

      });

}

​

function draw() {

  background(220);

  for(var i = 0; i < LEN; i++)

    {

      // rect(x, y, w, h);

      var sample = Math.round(-fb(i / (LEN)) * H/2);

      //console.log(sample)

      //var sample2 = (-fm(i / (length - 1)))

      //console.log(sample2);

      //x, y, w, h

      if(sample >= -128)

        {

        fill(53, 112, 181);    

        //rect(i * 1,  sample + 256,1, -sample-128);

          rect(i, sample + 127, 4, 4)

        }

      else

        {

        fill(70, 200, 255);

        //rect(i * 1,   sample + 256, 1, -sample-127);

          rect(i, sample + 127, 4, 4)

        }

    }

  previous = 0;

}