sketch.js
var d=0;
var x = 0;
var y = 0;
var soundA;
var soundB;
var soundC;
var soundD;
var soundE;
var soundF;
var soundG;
var soundH;
var soundI;
var soundJ;
var soundK;
var soundL;
var soundM;
var soundN;
var soundO;
var soundP;
var soundQ;
var soundR;
var soundS;
var soundT;
var soundU;
var soundV;
var soundW;
var soundX;
var soundY;
var soundZ;
var sound1;
var sound2;
var sound3;
var sound4;
var sound5;
var shape;
var objects= [];
function preload(){
soundA = loadSound ("guitar.wav");
soundB = loadSound ("sqeek1.wav");
soundC = loadSound ("sqeek 2.wav");
soundD = loadSound ("clap.wav");
soundE = loadSound ("snare.wav");
soundF = loadSound ("explosion.wav");
soundG = loadSound ("shortGrainyDrum.wav");
soundH = loadSound ("ambience.wav");
soundI = loadSound ("laser.wav");
soundJ = loadSound ("bang.wav");
soundK = loadSound ("wind.wav");
soundL = loadSound ("handclap.wav");
soundM = loadSound ("bowl.wav");
soundN = loadSound ("springy.wav");
soundO = loadSound ("tom.wav");
soundP = loadSound ("singing.wav");
soundQ = loadSound ("music.wav");
soundR = loadSound ("switchA.wav");
soundS = loadSound ("pfft.wav");
soundT = loadSound ("bang.wav");
soundU = loadSound ("ooo.wav");
soundV = loadSound ("sparkle.wav");
soundW = loadSound ("gloop.wav");
soundX = loadSound ("creepy.wav");
soundY = loadSound ("space.wav");
soundZ = loadSound ("drumBeat.wav");
sound1 = loadSound ("clave.wav");
sound2 = loadSound ("piano.wav");
sound3 = loadSound ("razor.wav");
sound4 = loadSound ("synthetic.wav");
sound5 = loadSound ("alien.wav");
}
function setup() {
createCanvas(400, 400);
background(0);
frameRate(10);
}
function makeRect(xX,yY,d){
var s = {
width: d,
height: d,
x: xX,
y: yY,
draw: rectDraw,
update:update
}
return s;
}
function makeEllipse(xX, yY, d){
var s = {
width: d,
height:d,
x: xX,
y: yY,
draw: ellipseDraw,
update:update
}
return s;
}
function rectDraw() {
rect (this.x, this.y, this.width,this.height);
}
function ellipseDraw() {
ellipse (this.x, this.y, this.width,this.height);
}
function update (){
print(d);
if (this.width> 0){
this.width = this.width - 30;
}
if (this.height>0){
this.height = this.height - 30;
}
}
function draw() {
background(0); // background confetti
strokeWeight(4);
for (var x = 0; x < width; x = x + 1) {
stroke(50);
point(random(1,400) ,random(100,300) * sin(radians(x)));
point(x, random(1,50) * cos(radians(x)));
}
noStroke();
// if (millis() > 2000) {
// osc.stop();
// noLoop();
// }
for (i = 0; i< objects.length; i++){
objects[i].update();
objects[i].draw();
}
if (keyIsPressed) {
d=300;
x = random(5,350);
y = random(5,350);
if (key === 'a'){
fill(238,130,238);
print(soundA);
soundA.play();
var circle = makeEllipse(x,y,d);
objects.push(circle);
// shape = 0;
}
if (key === 'b') {
fill(214);
var circle = makeEllipse(x,y,d);
objects.push(circle);
//shape = 0;
soundB.play();
}
if (key === 'c'){
fill(0);
//shape = 1;
var rectangle= makeRect(x,y,d);
objects.push(rectangle);
soundC.play();
}
if (key === 'd'){
fill(124,252,0);
//shape = 0;
var circle = makeEllipse(x,y,d);
objects.push(circle);
soundD.play();
}
if (key === 'e'){
fill(0,255,255);
//shape = 0;
var circle = makeEllipse(x,y,d);
objects.push(circle);
soundE.play();
}
if (key === 'f'){
fill(255,255,0);
//shape = 0;
var circle = makeEllipse(x,y,d);
objects.push(circle);
soundF.play();
}
if (key === 'g'){
fill(139,0,0);
//shape = 0;
var circle = makeEllipse(x,y,d);
objects.push(circle);
soundG.play();
}
if (key === 'h'){
fill(50,205,50);
//shape = 0;
var circle = makeEllipse(x,y,d);
objects.push(circle);
soundH.play();
}
if (key === 'i'){
fill(51,51,255);
//shape = 0;
var circle = makeEllipse(x,y,d);
objects.push(circle);
soundI.play();
}
if (key === 'j'){
fill(160,160,160);
//shape = 1;
var rectangle = makeRect(x,y,d);
objects.push(rectangle);
soundJ.play();
}
if (key === 'k'){
fill(255);
//shape = 0;
var circle = makeEllipse(x,y,d);
objects.push(circle);
soundK.play();
}
if (key === 'l'){
fill(51,0,102);
//shape = 0;
var circle = makeEllipse(x,y,d);
objects.push(circle);
soundL.play();
}
if (key === 'm'){
fill(204,255,204);
//shape = 0;
var circle = makeEllipse(x,y,d);
objects.push(circle);
soundM.play();
}
if (key === 'n'){
fill(255,0,127);
var rectangle = makeRect(x,y,d);
objects.push(rectangle);
soundN.play();
}
if (key === 'o'){
fill(255,51,153);
var rectangle = makeRect(x,y,d);
objects.push(rectangle);
soundO.play();
}
if (key === 'q'){
fill(204,255,153);
var circle = makeEllipse(x,y,d);
objects.push(circle);
soundQ.play();
}
if (key === 'r'){
fill(255,204,255);
var rectangle = makeRect(x,y,d);
objects.push(rectangle);
soundR.play();
}
if (key === 's'){
fill(255,0,0);
var rectangle = makeRect(x,y,d);
objects.push(rectangle);
soundS.play();
}
if (key === 't'){
fill(255,215,0);
var circle = makeEllipse(x,y,d);
objects.push(circle);
soundT.play();
}
if (key === 'u'){
fill(255,165,0);
var rectangle = makeRect(x,y,d);
objects.push(rectangle);
soundU.play();
}
if (key === 'v'){
fill(254,0,246);
var circle = makeEllipse(x,y,d);
objects.push(circle);
soundV.play();
}
if (key === 'w'){
fill(1,30,254);
var rectangle = makeRect(x,y,d);
objects.push(rectangle);
soundW.play();
}
if (key === 'x'){
fill(253,254,2);
var rectangle = makeRect(x,y,d);
objects.push(rectangle);
soundX.play();
}
if (key === 'y'){
fill(254,0,0);
var rectangle = makeRect(x,y,d);
objects.push(rectangle);
soundY.play();
}
if (key === 'z'){
fill(204,255,0);
var circle = makeEllipse(x,y,d);
objects.push(circle);
soundZ.play();
}
}
print(d);
if (d > 0){
d = d - 30;
}
if (shape ==0){
ellipse(x,y,d,d);
}
else {
rectMode(CENTER);
rect(x,y,d,d);
}
}
final project