squid game sound - OpenProcessing

mySketch
xxxxxxxxxx
 
//img
var doll;
​
//sound
var squidgame;
var beat1, beat2, beat3, beat4, beat5, beat6, beat7, beat8, beat9;
​
//speech
var instruction = new p5.Speech();
instruction.onLoad = speechLoaded;
​
//slider;
var sliderVolume;
var sliderRate;
var sliderPan;
​
function preload (){
  doll = loadImage('squid game doll.jpeg');
  squidgame = loadSound('pinksoldiers.mp3');
  beat1 = loadSound("bop1.wav");
  beat2 = loadSound("bop2.wav");
  beat3 = loadSound("bop3.wav");
  beat4 = loadSound("bop4.wav");
  beat5 = loadSound("bop5.mp3");
  beat6 = loadSound("bop6.wav");
  beat7 = loadSound("bop7.wav");
  beat8 = loadSound("bop8.wav");
  beat9 = loadSound("bop9.wav");
}
​
function setup() {
  createCanvas(windowWidth, windowHeight);
  instruction.speak('press play and click on a square');
  sliderVolume = createSlider(0, 5, 1, 0.1);
  sliderVolume.position(200, 400);
  sliderVolume.style("width", "80px");
  sliderPan = createSlider(-1,1,0,0.1);
  sliderPan.position(200,425);
  sliderPan.style("width", "80px");
  sliderRate = createSlider(0,3,1,0.1);
  sliderRate.position(200,450);
  sliderRate.style("width", "80px");
}
​
function speechLoaded() {
  instruction.listVoices();
  instruction.setVoice("Google UK English Male");
  instruction.interrupt = true;
}
​
  
function draw() {
  background (doll, windowWidth, windowHeight);
  rect(200, 200, 60, 60);rect(260, 200, 60, 60);rect(320, 200, 60, 60); 
  rect(200, 260, 60, 60);rect(260, 260, 60, 60);rect(320, 260, 60, 60);
  rect(200, 320, 60, 60);rect(260, 320, 60, 60);rect(320, 320, 60, 60);
  strokeWeight(2);
  circle(727,300,50);
  triangle(720,285,720,315,742,301);
​
  squidgame.setVolume(sliderVolume.value());
  squidgame.pan(sliderPan.value());
  squidgame.rate(sliderRate.value());
  
}
​
function mousePressed() {
 if(mouseX>677 && mouseX<777 && mouseY>250 && mouseY<350) {
 fill(0,255,0);
 squidgame.loop();
}else if(mouseX>200 && mouseX<260 && mouseY>200 && mouseY<260) {
  fill("red");
   beat1.play();
}else if(mouseX>260 && mouseX<320 && mouseY>200 && mouseY<260) {
  fill("orange");
   beat2.play();
}else if(mouseX>320 && mouseX<380 && mouseY>200 && mouseY<260) {
  fill("yellow");
   beat3.play();
}else if(mouseX>200 && mouseX<260 && mouseY>260 && mouseY<320) {
  fill("blue");
   beat4.play();
}else if(mouseX>260 && mouseX<320 && mouseY>260 && mouseY<320) {
  fill("purple");
   beat5.play();
}else if(mouseX>320 && mouseX<380 && mouseY>260 && mouseY<320) {
  fill("pink");
   beat6.play();
}else if(mouseX>200 && mouseX<260 && mouseY>320 && mouseY<380) {
  fill("brown");
   beat7.play();
}else if(mouseX>260 && mouseX<320 && mouseY>320 && mouseY<380) {
  fill("turquoise");
   beat8.play();
}else if(mouseX>320 && mouseX<380 && mouseY>320 && mouseY<380) {
  fill("maroon");
   beat9.play();
}
}