let stopButton;

Tone.Transport.bpm.value = 80;

let noteText;

​

const seq = new Tone.Sequence((time, note) => {

    monoSynth.triggerAttackRelease(note, 0.1, time);

    noteText = note;

}, ["C4", ["E4", "D4", "E4"], "G4", ["A4", "G4"]], "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(noteText, width / 2 - 10, height / 2);

}

​

function startTransport() {

  Tone.start();

  // start the transport

  Tone.Transport.start();

}

​

function stopTransport() {

  // stop the transport

  Tone.Transport.stop();

}

​