let stopButton;

Tone.Transport.bpm.value = 120;

​

const seq = new Tone.Sequence(

  (time, note) => {

    sampler.triggerAttackRelease(note, "8n", time);

  },

  ["C3", ["E3", "D3"], "G2", ["A3", "G3"]],

  "4n"

).start(0);

​

function setup() {

  createCanvas(400, 400);

  startButton = createButton("start transport");

  stopButton = createButton("stop transport");

  startButton.mousePressed(startTransport);

  stopButton.mousePressed(stopTransport);

  textSize(16);

}

​

function draw() {

  background("goldenrod");

  fill(0);

  delay.wet.value = map(mouseX, 0, width, 0, 1, true);

  delay.feedback.value = map(mouseY, height, 0, 0, 0.9, true);

  text("delay wet: " + delay.wet.value, 100, 150);

  text("delay feedback: " + delay.feedback.value, 100, 200);

}

​

function startTransport() {

  Tone.start();

  // start the transport

  Tone.Transport.start();

}

​

function stopTransport() {

  // stop the transport

  Tone.Transport.stop();

}

​