var isPlaying;

var ampSlider, freqSlider;

var radio;

​

var env;

​

function setup() {

  createCanvas(100, 100);

  env = new p5.Envelope();

  env.setADSR(0.5, 0.25, 0.5, 0.1);

  env.setRange(0.8, 0);

  wave = new p5.Oscillator();

  wave.setType('sine');

  wave.start();

  isPlaying = false;

  ampSlider = createSlider(0, 1, 0.1, 0.1);

  freqSlider = createSlider(100, 500, 250, 10);

  button = createButton("play");

  button.mousePressed(toggleSound);

  radio = createRadio();

  radio.option('sine');

  radio.option('triangle');

  radio.option('sawtooth');

  radio.option('square');

}

​

function toggleSound(){

  env.play()

}

​

​

​

function draw() {

  background("#061E3E");

  wave.setType(radio.value());

  wave.amp(env);

  wave.freq(freqSlider.value());

}