var button;

var slider;

playing=false;

​

function setup() {

  createCanvas(100, 100);

  wave= new p5.Oscillator();

  wave.setType('sine');

  // wave.setType('triangle');

  // wave.setType('sawtooth');

  // wave.setType('square');

  wave.start();

  wave.amp(0);

  wave.freq(440);

  button=createButton('play/pause');

  button.mousePressed(toggle);

  slider=createSlider(100,1200,440);

}

​

function draw() {

  wave.freq(slider.value());

  if(playing){

  background(220);

} else{

  background(50);

}

}

​

function toggle(){

  if(!playing){

    wave.amp(1,1);

    playing=true;

  }else{

    wave.stop();

    wave.amp(0,1);

    playing=false;

  }

}