let stopButton;

let note;

Tone.Transport.bpm.value = 120;

​

const myLoop = new Tone.Loop((time) => {

  let randomFreq = random(600) + 100;

  note = randomFreq

  monoSynth.triggerAttackRelease(randomFreq, "16n", time);

}, "8n").start(0);

​

function setup() {

  createCanvas(400, 400);

  startButton = createButton("start transport");

  stopButton = createButton("stop transport");

  startButton.mousePressed(startTransport);

  stopButton.mousePressed(stopTransport);

  textSize(24);

}

​

function draw() {

  background("goldenrod");

  fill(0);

  text(note, 100, height/2);

}

​

function startTransport() {

  Tone.start();

  // start the transport

  Tone.Transport.start();

}

​

function stopTransport() {

  // stop the transport

  Tone.Transport.stop();

}

​