let cy = 10;

​

let xspeed = 1.5;

let yspeed = 3;

​

let pic;

let music;

​

function preload() {

  pic = loadImage("logo6.svg");

  music = loadSound("02.mp3");

}

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  imageMode(CENTER);

}

​

function draw() {

  background(220);

  //noCursor();

  fill(0, 255, 0);

  stroke(1);

  rect(0, 0, 200, 50);

  fill(0);

  noStroke();

  text("Play", 20, 25);

​

  fill(255, 0, 0);

  ellipse(width / 2, height / 2, 250, 250);

  fill(0);

  noStroke();

  text("Pause Button", width / 2, height / 2);

   image(pic, mouseX, mouseY, pic.width / 2, pic.height / 2);

​

​

}

​

function mousePressed() {

​

  // green play button

  if (mouseX > 0 && mouseX < 200 && mouseY > 0 && mouseY < 25) {

    music.setVolume(0.2);

    if (!music.isPlaying()) {

      music.play();

    }

  }

​

  //red pause button

  if (dist(mouseX, mouseY, width / 2, height / 2) < 125) {

    if (music.isPlaying()) {

      music.pause();

    }

  }

}