let playing = false;

​

function setup() {

  createCanvas(400, 400);

  textAlign(CENTER);

  osc = new p5.Oscillator('sine');

  osc.amp(0);

  osc.freq(440);

  osc.start();

}

​

function draw() {

  background(220);

  textSize(32);

  fill(0);

  text('Click to play', width/2, height/2);

}

​

function mouseClicked() {

  if (!playing) {

    osc.amp(0.5, 0.1);

    playing = true;

  } else {

    osc.amp(0, 0.5);

    playing = false;

  }

}

​

function keyPressed() {

  if (key === 'a') {

    osc.freq(440);

  } else if (key === 's') {

    osc.freq(494);

  } else if (key === 'd') {

    osc.freq(554);

  } else if (key === 'f') {

    osc.freq(587);

  } else if (key === 'g') {

    osc.freq(659);

  }

}

​