//https://freemusicarchive.org/music/Makaih_Beats/cold-summer/cold-summer///

//https://freemusicarchive.org/music/superare/superficial/idol///

//https://freemusicarchive.org/music/solodimekuro/single/stormalert///

​

var yellowButton;

var lightblueButton;

var purpleButton;

​

function preload() {

  yellowButton = loadSound("Makaih Beats - Cold Summer.mp3");

  lightblueButton = loadSound("SUPERARE.mp3");

    purpleButton = loadSound("StormAlert.mp3");

}

​

function keyPressed() {

  if (keyCode == 32) {

    // space Bar//

    if (yellowButton.isPlaying()) {

      yellowButton.pause();

    } else {

      yellowButton.play(); // space bar to pause//

    }

  }

  if (keyCode == 16) {

    // shift key//

    if (lightblueButton.isPlaying()) {

      lightblueButton.pause();

    } else {

      lightblueButton.play(); //shift key to pause//

    }

  }

    if (keyCode == 13) {

    // enter key//

    if (purpleButton.isPlaying()) {

      purpleButton.pause();

    } else {

      purpleButton.play(); //enter key to pause//

    }

    }

​

} 

function setup() {

  createCanvas(510, 400);

}

​

function draw() {

  background("white");

​

  fill("rgb(237,223,240)");

  rect(100, 100, 350);

  fill("black");

  frameRate(9);

  circle(180, 260, random(180, 200));

  circle(360, 260, random(180, 200));

  // speaker

​

  fill("yellow");

  rect(180, 100, 40);

  fill("#CAEEF2");

  rect(180 + 75, 100, 40);

  fill("#B9A3DA");

  rect(180 + 150, 100, 40);

  //buttons

​

  fill("black");

  rect(120, 10, 300, 10);

  rect(120, 20, 20, 80);

  rect(120 + 280, 20, 20, 80);

  fill("black");

  rect(120, 30, 300, 10);

  //handle

​

  fill("black");

  rect(150, 80, 30, 20, 5);

  fill("white");

  textSize(10);

  text("vol", 157, 95);

  //volume button

  var v = map (mouseX, 0, width, 1,0, true);

  yellowButton.setVolume(v);

  var v = map (mouseX, 0, width, 1,0, true);

  lightblueButton.setVolume(v);

   var v = map (mouseX, 0, width, 1,0, true);

  purpleButton.setVolume(v);

}