var tusbesos;

var sognare;

var img_1;

var img_2;

var img_3;

let volum = 0.5;

​

function preload() {

  babyplease = loadSound("assets/Baby_Please.mp3");

  tusbesos = loadSound("assets/Tus_besos.mp3");

  sognare = loadSound("assets/Sognare.mp3");

  img_1 = loadImage("assets/Allison.jpg");

  img_2 = loadImage("assets/Los_caligaris.jpg");

  img_3 = loadImage("assets/Division_Minuscula.jpg");

​

}

​

function setup() {

  createCanvas(450, 550);

  background(200, 50, 50);

  push();

  noFill();

  strokeWeight(25);

  stroke("#B695DD");

  rect(0, 0, width, height);

  pop();

  babyplease.playMode("restart");

  tusbesos.playMode("restart");

  sognare.playMode("restart");

  babyplease.setVolume(volum);

  tusbesos.setVolume(volum);

  sognare.setVolume(volum);

  textFont("Constantia");

  textStyle(BOLD);

  textSize(45);

}

​

function draw() {

  fill("#DB88B7");

  stroke("#B695DD");

  rect(50, 50, 350, 350);

  fill("#B695DD");

  stroke("#F13AF1");

​

  //Buttons

  rect(80, 420, 50, 50);

  rect(200, 420, 50, 50);

  rect(320, 420, 50, 50);

  //Pause

  rect(140, 420, 50, 50);

  //Stop

  rect(260, 420, 50, 50);

  //volum

  rect(380, 410, 40, 40);

  rect(380, 460, 40, 40);

  //simbols 

  fill("#FFFFFF");

  rect(150, 435, 10, 20);

  rect(170, 435, 10, 20);

  rect(270, 430, 30, 30);

​

  fill(255);

  text("+", 388, 406, 45, 45);

  text("-", 392, 457, 45, 45);

  text("1", 98, 420, 45, 45);

  text("2", 216, 420, 45, 45);

  text("3", 336, 420, 45, 45);

​

  if (babyplease.isPlaying() === true) image(img_1, 60, 60, 330, 330, 0, 0, 600, 600);

  if (tusbesos.isPlaying() === true) image(img_2, 60, 60, 330, 330, 0, 0, 600, 600);

  if (sognare.isPlaying() === true) image(img_3, 60, 60, 330, 330, 0, 0, 600, 600);

​

}

​

function mouseClicked() {

  if ((mouseX >= 80) && (mouseX <= 130) && (mouseY >= 420) && (mouseY <= 570)) {

    babyplease.play();

    tusbesos.stop();

    sognare.stop();

  }

  if ((mouseX >= 200) && (mouseX <= 250) && (mouseY >= 420) && (mouseY <= 570)) {

    babyplease.stop();

    tusbesos.play();

    sognare.stop();

  }

  if ((mouseX >= 320) && (mouseX <= 370) && (mouseY >= 420) && (mouseY <= 570)) {

    babyplease.stop();

    tusbesos.stop();

    sognare.play();

  }

  if ((mouseX >= 140) && (mouseX <= 190) && (mouseY >= 420) && (mouseY <= 470)) {

    babyplease.pause();

    tusbesos.pause();

    sognare.pause();

  }

  if ((mouseX >= 260) && (mouseX <= 310) && (mouseY >= 420) && (mouseY <= 470)) {

    babyplease.stop();

    tusbesos.stop();

    sognare.stop();

  }

  if ((mouseX >= 388) && (mouseX <= 422) && (mouseY >= 410) && (mouseY <= 450)) {

    volum += .3;

    babyplease.setVolume(volum);

    tusbesos.setVolume(volum);

    sognare.setVolume(volum);

  }

  if ((mouseX >= 388) && (mouseX <= 422) && (mouseY >= 460) && (mouseY <= 500)) {

    volum -= .3;

    babyplease.setVolume(volum);

    tusbesos.setVolume(volum);

    sognare.setVolume(volum);

  }

}