//sarah kang
//section c
//sarahk1@andrew.cmu.edu
//project-10-sonic-sketch
function preload() {
mySnd1 = loadSound("https://courses.ideate.cmu.edu/15-104/f2019/wp-content/uploads/2019/11/drum.wav")
mySnd1.setVolume(0.5);
mySnd2 = loadSound("https://courses.ideate.cmu.edu/15-104/f2019/wp-content/uploads/2019/11/sweep.wav")
mySnd2.setVolume(0.5);
mySnd3 = loadSound("https://courses.ideate.cmu.edu/15-104/f2019/wp-content/uploads/2019/11/sound1.wav")
mySnd3.setVolume(0.5);
mySnd4 = loadSound("https://courses.ideate.cmu.edu/15-104/f2019/wp-content/uploads/2019/11/sound2.wav")
mySnd4.setVolume(0.5);
mySnd5 = loadSound("https://courses.ideate.cmu.edu/15-104/f2019/wp-content/uploads/2019/11/sound3.wav")
mySnd5.setVolume(1);
mySnd6 = loadSound("https://courses.ideate.cmu.edu/15-104/f2019/wp-content/uploads/2019/11/sound4.wav")
mySnd6.setVolume(0.5);
mySnd7 = loadSound("https://courses.ideate.cmu.edu/15-104/f2019/wp-content/uploads/2019/11/sound5.wav")
mySnd7.setVolume(0.5);
mySnd8 = loadSound("https://courses.ideate.cmu.edu/15-104/f2019/wp-content/uploads/2019/11/sound6.wav")
mySnd8.setVolume(0.5);
mySnd9 = loadSound("https://courses.ideate.cmu.edu/15-104/f2019/wp-content/uploads/2019/11/sound7.wav")
mySnd9.setVolume(0.5);
}
function setup() {
createCanvas(400, 400);
useSound();
}
function soundSetup() { // setup for audio generation
}
function draw() {
background(200, 220, 250);
//white square rims
for (var y = 10; y < height + 20; y += 130) {
for (var x = 10; x < width + 20; x += 130) {
fill(255);
noStroke();
rect(x, y, 120, 120);
}
}
fill(255, 237, 219);
rect(20, 20, 100, 100); //top left square
fill(255, 251, 181);
rect(150, 20, 100, 100); //top middle square
fill(213, 238, 242);
rect(280, 20, 100, 100); //top right square
fill(230, 252, 241);
rect(20, 150, 100, 100); //middle left square
fill(243, 230, 252);
rect(150, 150, 100, 100); //center square
fill(252, 230, 234);
rect(280, 150, 100, 100); //middle right square
fill(232, 237, 255);
rect(20, 280, 100, 100); //bottom left square
fill(222, 248, 252);
rect(150, 280, 100, 100); //bottom middle square
fill(241, 252, 230);
rect(280, 280, 100, 100); //bottom right square
}
function mousePressed() {
if(mouseX > 20 & mouseX < 120 && mouseY > 20 && mouseY < 120){
mySnd1.play(); //top left square sound
}
if(mouseX > 150 & mouseX < 250 && mouseY > 20 && mouseY < 120){
mySnd2.play(); //top middle square sound
}
if(mouseX > 280 & mouseX < 380 && mouseY > 20 && mouseY < 120){
mySnd3.play(); //top right square sound
}
if(mouseX > 20 & mouseX < 120 && mouseY > 150 && mouseY < 250){
mySnd4.play(); //middle left square sound
}
if(mouseX > 150 & mouseX < 250 && mouseY > 150 && mouseY < 250){
mySnd5.play(); //center square sound
}
if(mouseX > 280 & mouseX < 380 && mouseY > 150 && mouseY < 250){
mySnd6.play(); //middle right square sound
}
if(mouseX > 20 & mouseX < 120 && mouseY > 280 && mouseY < 380){
mySnd7.play(); //bottom left square sound
}
if(mouseX > 150 & mouseX < 250 && mouseY > 280 && mouseY < 380){
mySnd8.play(); //bottom middle square sound
}
if(mouseX > 280 & mouseX < 380 && mouseY > 280 && mouseY < 380){
mySnd9.play(); //bottom left square sound
}
}
I was inspired by the launchpad that Beca uses in the movie Pitch Perfect and wanted to use this format to experiment with the combination of different sounds.