let isInitialized = false;

const notes = ["C2", "G2", "D3", "A3", "C4", "E4", "G4", "A4"];

let note1;

let note2;

let note3;

​

function preload() {

  myImage = loadImage("https://picsum.photos/400");

}

​

function setup() {

  cnv = createCanvas(400, 400);

  rectMode(CENTER);

  startButton = createButton("start transport");

  stopButton = createButton("stop transport");

  startButton.mousePressed(startTransport);

  stopButton.mousePressed(stopTransport);

}

​

function draw() {

  image(myImage, 0, 0, width, height);

}

​

function startTransport() {

  Tone.start();

  Tone.Transport.start();

}

​

function stopTransport() {

  Tone.Transport.stop();

}

​