p5.js Web Editor | final face machine v2 (clicks) sounds, and new colors

xxxxxxxxxx
let mouthsound;
​
let nosesound;
​
let eyesound;
​
var leftear;
var rightear;
var eye;
var nose;
var hat;
var mouth;
var hat;
​
var layer1;
var layer2;
var layer3;
var layer4;
var layer5;
var layer6;
var layer7;
var layer8;
var layer9;
 var layer10;
 var layer11;
​
var bg;
 
var layer1r;
var layer2r;
var layer3r;
var layer4r;
var layer5r;
var layer6r;
var layer7r;
var layer8r;
var layer9r;
 var layer10r;
​
var currentlayer1r;
var currentlayer1r;
var currentlayer2r;
var currentlayer3r;
var currentlayer4r;
var currentlayer5r;
var currentlayer6r;
var currentlayer7r;
var currentlayer8r;
var currentlayer9r;
var currentlayer10r;
​
var currentlayer1;
var currentlayer1;
var currentlayer2;
var currentlayer3;
var currentlayer4;
var currentlayer5;
var currentlayer6;
var currentlayer7;
var currentlayer8;
var currentlayer9;
var currentlayer10;
var currentlayer11;
var currentbg;
​
​
var currenthat;
var currenteye;
var currentnose;
var currentmouth;
var currentleftear;
var currentrightear;
​
​
let stencil;
​
let overblue;
​
function preload() {
  
  
  layer1 = [
    
    loadImage("images/1.jpeg"),
    loadImage("images/1 1.jpeg"),
    loadImage("images/1 2.jpeg"),
    loadImage("images/1 3.jpeg"),
    loadImage("images/1 4.jpeg"),
    loadImage("images/1 5.jpeg"),
    loadImage("images/1 6.jpeg"),
  ]
  
  layer1r = [
        loadImage("images/1r.jpeg"),
            loadImage("images/1 1r.jpeg"),
        loadImage("images/1 2r.jpeg"),
        loadImage("images/1 3r.jpeg"),
        loadImage("images/1 4r.jpeg"),
        loadImage("images/1 5r.jpeg"),
        loadImage("images/1 6r.jpeg"),
​
  ]
  
  layer2 = [
    
        loadImage("images/2.jpeg"),
        loadImage("images/2 1.jpeg"),
        loadImage("images/2 2.jpeg"),
        loadImage("images/2 3.jpeg"),
        loadImage("images/2 4.jpeg"),
        loadImage("images/2 5.jpeg"),
        loadImage("images/2 6.jpeg"),
  ]
  
  layer2r = [
            loadImage("images/2r.jpeg"),
        loadImage("images/2 1r.jpeg"),
        loadImage("images/2 2r.jpeg"),
        loadImage("images/2 3r.jpeg"),
        loadImage("images/2 4r.jpeg"),
        loadImage("images/2 5r.jpeg"),
        loadImage("images/2 6r.jpeg"),
​
  ]
  
  layer3 = [
            loadImage("images/3.jpeg"),
            loadImage("images/3 1.jpeg"),
            loadImage("images/3 2.jpeg"),
            loadImage("images/3 3.jpeg"),
            loadImage("images/3 4.jpeg"),
            loadImage("images/3 5.jpeg"),
            loadImage("images/3 6.jpeg"),
  ]
  
  layer3r = [
                loadImage("images/3r.jpeg"),
            loadImage("images/3 1r.jpeg"),
            loadImage("images/3 2r.jpeg"),
            loadImage("images/3 3r.jpeg"),
            loadImage("images/3 4r.jpeg"),
            loadImage("images/3 5r.jpeg"),
            loadImage("images/3 6r.jpeg"),
​
  ]
  
  layer4 = [
                loadImage("images/4.jpeg"),
                loadImage("images/4 1.jpeg"),
                loadImage("images/4 2.jpeg"),
                loadImage("images/4 3.jpeg"),
                loadImage("images/4 4.jpeg"),
                loadImage("images/4 5.jpeg"),
                loadImage("images/4 6.jpeg"),
  ]
  layer4r = [
                    loadImage("images/4r.jpeg"),
                loadImage("images/4 1r.jpeg"),
                loadImage("images/4 2r.jpeg"),
                 loadImage("images/4 3r.jpeg"),
                loadImage("images/4 5r.jpeg"),
                loadImage("images/4 6r.jpeg"),
  ]
  
  
  layer5 = [
                loadImage("images/5.jpeg"),
                loadImage("images/5 1.jpeg"),
                loadImage("images/5 2.jpeg"),
                loadImage("images/5 3.jpeg"),
                loadImage("images/5 4.jpeg"),
                loadImage("images/5 5.jpeg"),
                loadImage("images/5 6.jpeg"),
​
  ]
  layer5r = [
                    loadImage("images/5r.jpeg"),
                loadImage("images/5 1r.jpeg"),
                loadImage("images/5 2r.jpeg"),
                loadImage("images/5 3r.jpeg"),
                loadImage("images/5 4r.jpeg"),
                loadImage("images/5 5r.jpeg"),
                loadImage("images/5 6r.jpeg"),
​
  ]
  layer6 = [
                    loadImage("images/6.jpeg"),
                    loadImage("images/6 1.jpeg"),
                    loadImage("images/6 2.jpeg"),
                    loadImage("images/6 3.jpeg"),
                    loadImage("images/6 4.jpeg"),
                    loadImage("images/6 5.jpeg"),
                    loadImage("images/6 6.jpeg"),
​
  ]
  layer6r = [
                        loadImage("images/6r.jpeg"),
                    loadImage("images/6 1r.jpeg"),
                    loadImage("images/6 2r.jpeg"),
                    loadImage("images/6 3r.jpeg"),
                    loadImage("images/6 4r.jpeg"),
                     loadImage("images/6 5r.jpeg"),
                    loadImage("images/6 6r.jpeg"),
​
  ]
  layer7 = [
                        loadImage("images/7.jpeg"),
                        loadImage("images/7 1.jpeg"),
                        loadImage("images/7 2.jpeg"),
                        loadImage("images/7 3.jpeg"),
                        loadImage("images/7 4.jpeg"),
                        loadImage("images/7 5.jpeg"),
                        loadImage("images/7 6.jpeg"),
​
  ]
  layer7r = [
                        loadImage("images/7r.jpeg"),
                        loadImage("images/7 1r.jpeg"),
                        loadImage("images/7 2r.jpeg"),
                        loadImage("images/7 3r.jpeg"),
                        loadImage("images/7 4r.jpeg"),
                        loadImage("images/7 5r.jpeg"),
                        loadImage("images/7 6r.jpeg"),
​
    
  ]
  layer8 = [
                        loadImage("images/8.jpeg"),
                        loadImage("images/8 1.jpeg"),
                        loadImage("images/8 2.jpeg"),
                        loadImage("images/8 3.jpeg"),
                        loadImage("images/8 4.jpeg"),
                        loadImage("images/8 5.jpeg"),
                        loadImage("images/8 6.jpeg"),
  ]
  layer8r = [
                            loadImage("images/8r.jpeg"),
                            loadImage("images/8 1r.jpeg"),
                            loadImage("images/8 2r.jpeg"),
                            loadImage("images/8 3r.jpeg"),
                            loadImage("images/8 4r.jpeg"),
                            loadImage("images/8 5r.jpeg"),
                            loadImage("images/8 6r.jpeg"),
​
  ]
  layer9 = [
                            loadImage("images/9.jpeg"),
                            loadImage("images/9 1.jpeg"),
                            loadImage("images/9 2.jpeg"),
                            loadImage("images/9 3.jpeg"),
                            loadImage("images/9 4.jpeg"),
                            loadImage("images/9 5.jpeg"),
                            loadImage("images/9 7.jpeg"),
​
    
  ]
  layer9r = [
                                loadImage("images/9r.jpeg"),
                            loadImage("images/9 1r.jpeg"),
                            loadImage("images/9 2r.jpeg"),
                            loadImage("images/9 3r.jpeg"),
                            loadImage("images/9 4r.jpeg"),
                            loadImage("images/9 5r.jpeg"),
                            loadImage("images/9 7r.jpeg"),
​
  ]
  layer10 = [
                                loadImage("images/10.jpeg"),
                                loadImage("images/10 1.jpeg"),
                                loadImage("images/10 2.jpeg"),
                                loadImage("images/10 3.jpeg"),
                                loadImage("images/10 4.jpeg"),
                                loadImage("images/10 5.jpeg"),
                                loadImage("images/10 6.jpeg"),
    ]
  layer10r = [
                                    loadImage("images/10r.jpeg"),
                                loadImage("images/10 1r.jpeg"),
                                 loadImage("images/10 2r.jpeg"),
                                 loadImage("images/10 3r.jpeg"),
                                loadImage("images/10 4r.jpeg"),
                                loadImage("images/10 5r.jpeg"),
                                loadImage("images/10 6r.jpeg"),
​
  ]
​
  layer11 = [
                                      loadImage("images/11.jpeg"),
                                      loadImage("images/11 1.jpeg"),
                                      loadImage("images/11 2.jpeg"),
                                      loadImage("images/11 3.jpeg"),
                                      loadImage("images/11 4.jpeg"),
                                      loadImage("images/11 5.jpeg"),
                                      loadImage("images/11 6.jpeg"),
    ]
    bg = [
                loadImage("images/bg.jpeg"),
                loadImage("images/bg 1.jpeg"),
                loadImage("images/bg 2.jpeg"),
                loadImage("images/bg 3.jpeg"),
                loadImage("images/bg 4.jpeg"),
                loadImage("images/bg 5.jpeg"),
                loadImage("images/bg 6.jpeg"),
                loadImage("images/bg 7.jpeg"),
                loadImage("images/bg 8.jpeg"),
                loadImage("images/bg 9.jpeg"),
                loadImage("images/bg 10.jpeg"),
                loadImage("images/bg 11.jpeg"),
                loadImage("images/bg 12.jpeg"),
                loadImage("images/bg 13.jpeg"),
                loadImage("images/bg 14.jpeg"),
                loadImage("images/bg 15.jpeg"),
                loadImage("images/bg 16.jpeg"),
                loadImage("images/bg 18.jpeg"),
​
​
      
    ]
  
  
  eye = [
                     loadImage("/images/eye.jpeg"),
                     loadImage("/images/eye 1.jpeg"), 
                     loadImage("/images/eye 2.jpeg"),
                     loadImage("/images/eye 3.jpeg"),
                     loadImage("/images/eye 4.jpeg"),
                     loadImage("/images/eye 5.jpeg"),
                     loadImage("/images/eye 6.jpeg"),
                     loadImage("/images/eye 7.jpeg"),
                     loadImage("/images/eye 8.jpeg"),
                     loadImage("/images/eye 9.jpeg"),
                     loadImage("/images/eye 10.jpeg"),
                     loadImage("/images/eye 11.jpeg"),
                     loadImage("/images/eye 12.jpeg"),
                     loadImage("/images/eye 13.jpeg"),
                     loadImage("/images/eye 14.jpeg"),
                     loadImage("/images/eye 15.jpeg"),
                     loadImage("/images/eye 16.jpeg"),
                     loadImage("/images/eye 17.jpeg"),
                     loadImage("/images/eye 18.jpeg"),
                     loadImage("/images/eye 19.jpeg"),
                     loadImage("/images/eye 20.jpeg"),
                     loadImage("/images/eye 21.jpeg"),
                     loadImage("/images/eye 22.jpeg"),
                     loadImage("/images/eye 23.jpeg"),
                     loadImage("/images/eye 24.jpeg"),
                     loadImage("/images/eye 25.jpeg"),
                     loadImage("/images/eye 26.jpeg"),
                     loadImage("/images/eye 27.jpeg"),
                     loadImage("/images/eye 28.jpeg"),
                     loadImage("/images/eye 29.jpeg"),
                     loadImage("/images/eye 30.jpeg"),
                     loadImage("/images/eye 31.jpeg"),
                     loadImage("/images/eye 32.jpeg"),
                     loadImage("/images/eye 33.jpeg"),
                     loadImage("/images/eye 34.jpeg"),
                     loadImage("/images/eye 35.jpeg"),
                     loadImage("/images/eye 36.jpeg"),
                     loadImage("/images/eye 37.jpeg"),
                     loadImage("/images/eye 38.jpeg"),
                     loadImage("/images/eye 39.jpeg"),
                     loadImage("/images/eye 40.jpeg"),
                     loadImage("/images/eye 41.jpeg"),
                     loadImage("/images/eye 42.jpeg"),
                     loadImage("/images/eye 43.jpeg"),
                     loadImage("/images/eye 44.jpeg"),
                     loadImage("/images/eye 45.jpeg"),
                     loadImage("/images/eye 46.jpeg"), 
                     loadImage("/images/eye 47.jpeg"),
                     loadImage("/images/eye 48.jpeg"),
                     loadImage("/images/eye 49.jpeg"),
                     loadImage("/images/eye 50.jpeg"),
                     loadImage("/images/eye 51.jpeg"),
                     loadImage("/images/eye 52.jpeg"),
                     loadImage("/images/eye 53.jpeg"),
                     loadImage("/images/eye 54.jpeg"),
                     loadImage("/images/eye 55.jpeg"),
                     loadImage("/images/eye 56.jpeg"),
                     loadImage("/images/eye 57.jpeg"),
                     loadImage("/images/eye 58.jpeg"),
                     loadImage("/images/eye 59.jpeg"),
                     loadImage("/images/eye 60.jpeg"),
                     loadImage("/images/eye 61.jpeg"),
                     loadImage("/images/eye 62.jpeg"),
                    loadImage("/images/eyes.jpeg"),
                    loadImage("/images/eyes 1.jpeg"),
                    loadImage("/images/eyes 1 copy.jpeg"),
                    loadImage("/images/eyes 2.jpeg"),
                    loadImage("/images/eyes 3.jpeg"),
                    loadImage("/images/eyes 3 copy.jpeg"),
                    loadImage("/images/eyes 4.jpeg"),
                    loadImage("/images/eyes 5.jpeg"),
​
​
​
    
  ]
  
  hat = [
                     loadImage("/images/hat.jpeg"),
                         loadImage("/images/hat 1.jpeg"),
                         loadImage("/images/hat 2.jpeg"),
                         loadImage("/images/hat 3.jpeg"),
                         loadImage("/images/hat 4.jpeg"),
                         loadImage("/images/hat 5.jpeg"),
                         loadImage("/images/hat 6.jpeg"),
                         loadImage("/images/hat 7.jpeg"),
                         loadImage("/images/hat 8.jpeg"),
                         loadImage("/images/hat 9.jpeg"),
                         loadImage("/images/hat 10.jpeg"),
                         loadImage("/images/hat 11.jpeg"),
                         loadImage("/images/hat 12.jpeg"),
                         loadImage("/images/hat 13.jpeg"),
                         loadImage("/images/hat 14.jpeg"),
                         loadImage("/images/hat 15.jpeg"),
                         loadImage("/images/hat 16.jpeg"),
                         loadImage("/images/hat 17.jpeg"),
                         loadImage("/images/hat 18.jpeg"),
                         loadImage("/images/hat 19.jpeg"),
                         loadImage("/images/hat 20.jpeg"),
                         loadImage("/images/hat 21.jpeg"),
                         loadImage("/images/hat 22.jpeg"),
                         loadImage("/images/hat 23.jpeg"),
                         loadImage("/images/hat 24.jpeg"),
                         loadImage("/images/hat 25.jpeg"),
                         loadImage("/images/hat 26.jpeg"),
                         loadImage("/images/hat 27.jpeg"),
                         loadImage("/images/hat 28.jpeg"),
                    loadImage("/images/hats.jpeg"),
                    loadImage("/images/hats 1.jpeg"),
​
​
  ]
  
leftear = [
                     loadImage("/images/ear.jpeg"),
                     loadImage("/images/ear 1.jpeg"),
                     loadImage("/images/ear 2.jpeg"),
                     loadImage("/images/ear 3.jpeg"),
                     loadImage("/images/ear 4.jpeg"),
                     loadImage("/images/ear 5.jpeg"),
                     loadImage("/images/ear 6.jpeg"),
                     loadImage("/images/ear 7.jpeg"),
                     ///loadImage("/images/ear 8.jpeg"),
                     loadImage("/images/ear 9.jpeg"),
                     loadImage("/images/ear 10.jpeg"),
                     loadImage("/images/ear 11.jpeg"),
                     loadImage("/images/ear 12.jpeg"),
                     loadImage("/images/ear 13.jpeg"),
                     loadImage("/images/ear 14.jpeg"),
                     loadImage("/images/ear 15.jpeg"),
                     loadImage("/images/ear 16.jpeg"),
                     loadImage("/images/ear 17.jpeg"),
​
​
​
]  
  rightear = [
                       loadImage("/images/rear.jpeg"),
                           loadImage("/images/rear 1.jpeg"),
                           loadImage("/images/rear 2.jpeg"),
                           loadImage("/images/rear 3.jpeg"),
                       loadImage("/images/rear 4.jpeg"),
                           loadImage("/images/rear 5.jpeg"),
                           loadImage("/images/rear 6.jpeg"),
                           loadImage("/images/rear 7.jpeg"),
                           //loadImage("/images/rear 8.jpeg"),
                           loadImage("/images/rear 9.jpeg"),
                           loadImage("/images/rear 10.jpeg"),
                           loadImage("/images/rear 11.jpeg"),
                           loadImage("/images/rear 12.jpeg"),
                           loadImage("/images/rear 13.jpeg"),
                           loadImage("/images/rear 14.jpeg"),
                           loadImage("/images/rear 15.jpeg"),
                           //loadImage("/images/rear 16.jpeg"),
                           loadImage("/images/rear 17.jpeg"),
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
    
  ]
  mouth = [
                loadImage("/images/mouth.jpeg"),
                loadImage("/images/mouth 1.jpeg"),
                loadImage("/images/mouth 2.jpeg"),
                loadImage("/images/mouth 3.jpeg"),
                loadImage("/images/mouth 4.jpeg"),
                loadImage("/images/mouth 5.jpeg"),
                loadImage("/images/mouth 6.jpeg"),
                loadImage("/images/mouth 7.jpeg"),
                loadImage("/images/mouth 8.jpeg"),
                loadImage("/images/mouth 9.jpeg"),
                loadImage("/images/mouth 10.jpeg"),
                loadImage("/images/mouth 11.jpeg"),
                loadImage("/images/mouth 12.jpeg"),
                loadImage("/images/mouth 13.jpeg"),
                loadImage("/images/mouth 14.jpeg"),
                loadImage("/images/mouth 15.jpeg"),
                loadImage("/images/mouth 16.jpeg"),
                loadImage("/images/mouth 17.jpeg"),
                loadImage("/images/mouth 18.jpeg"),
                loadImage("/images/mouths.jpeg"),
                    loadImage("/images/mouths 1.jpeg"),
                loadImage("/images/mouths 2.jpeg"),
                loadImage("/images/mouths 3.jpeg"),
                loadImage("/images/mouths 4.jpeg"),
                loadImage("/images/mouths 5.jpeg"),
                loadImage("/images/mouths 6.jpeg"),
                loadImage("/images/mouths 7.jpeg"),
                loadImage("/images/mouths 8.jpeg"),
                loadImage("/images/mouths 9.jpeg"),
                loadImage("/images/mouths 10.jpeg"),
                loadImage("/images/mouths 11.jpeg"),
                loadImage("/images/mouths 12.jpeg"),
                loadImage("/images/mouths 13.jpeg"),
                loadImage("/images/mouths 14.jpeg"),
                loadImage("/images/mouths 15.jpeg"),
​
​
  ]
  
  nose = [
    
        loadImage("/images/nose.jpeg"),
        loadImage("/images/nose 1.jpeg"),
        loadImage("/images/nose 2.jpeg"),
        loadImage("/images/nose 3.jpeg"),
        loadImage("/images/nose 4.jpeg"),
        loadImage("/images/nose 5.jpeg"),
        loadImage("/images/nose 6.jpeg"),
        loadImage("/images/nose 7.jpeg"),
        loadImage("/images/nose 8.jpeg"),
        loadImage("/images/nose 9.jpeg"),
        loadImage("/images/nose 10.jpeg"),
        loadImage("/images/nose 11.jpeg"),
        loadImage("/images/nose 12.jpeg"),
        loadImage("/images/nose 13.jpeg"),
        loadImage("/images/nose 14.jpeg"),
        loadImage("/images/nose 15.jpeg"),
        loadImage("/images/nose 16.jpeg"),
        loadImage("/images/nose 17.jpeg"),
        loadImage("/images/nose 18.jpeg"),
        loadImage("/images/nose 19.jpeg"),
        loadImage("/images/nose 20.jpeg"),
        loadImage("/images/nose 21.jpeg"),
        loadImage("/images/nose 22.jpeg"),
        loadImage("/images/nose 23.jpeg"),
        loadImage("/images/nose 24.jpeg"),
        loadImage("/images/nose 25.jpeg"),
        loadImage("/images/nose 26.jpeg"),
        loadImage("/images/nose 27.jpeg"),
        loadImage("/images/nose 28.jpeg"),
          loadImage("/images/nose 29.jpeg"),
        loadImage("/images/nose 30.jpeg"),
        loadImage("/images/nose 31.jpeg"),
        loadImage("/images/nose 32.jpeg"),
        loadImage("/images/nose 33.jpeg"),
        loadImage("/images/nose 34.jpeg"),
        loadImage("/images/nose 35.jpeg"),
    loadImage("images/noses.jpeg"),
​
  ]
  
  
}
​
function setup() {
  createCanvas(1400 , 1400);
​
  mouthsound = loadSound('sounds/mouth.mp3');
  
  nosesound = loadSound('sounds/nose.mp3');
  
  eyesound = loadSound('sounds/eye.mp3');
  
  
  stencil = loadImage('images/stencil-full.jpg');
    //overblue = loadImage('images/blue-overlay.png');
  // blendMode(MULTIPLY);
  //noLoop();
​
}
 function draw() {
// image(overblue,0,0); 
   // tint(255,1,127); 
 }
​
//function draw() {
 //background(220);
 //image(stencil, 0, 0, 1400, 1400);
//}
function keyPressed() {
background(255);
  //tint(255,100,0,150);
    image(stencil, 0, 0);
  //translate(100,100);
  
  var pos = floor(random(nose.length));
  currentnose = nose[pos];
  image(currentnose, 600, 400, 200, 400);
  
  var pos = floor(random(mouth.length));
  currentmouth = mouth[pos];
  image(currentmouth, 400, 800, 600, 200);
  
  var pos = floor(random(leftear.length));
  currentleftear = leftear[pos];
  image(currentleftear, 0, 400, 200, 600);
  
  var pos = floor(random(rightear.length));
  currentrightear = rightear[pos];
  image(currentrightear, 1200, 400, 200, 600);
  
  var pos = floor(random(hat.length));
  currenthat = hat[pos];
  image(currenthat, 600,  0, 200, 400);
  
  var pos = floor(random(eye.length));
  currenteye = eye[pos];
  image(currenteye,400,400,200,200); 
  
  var pos = floor(random(eye.length));
  currenteye = eye[pos];
  image(currenteye,800,400,200,200); 
  
  var pos = floor(random(layer1.length));
  currentlayer1 = layer1[pos];
  image(currentlayer1,400,200,200,200);
  
    var pos = floor(random(layer2.length));
  currentlayer2 = layer2[pos];
  image(currentlayer2,200,200,200,200);
  
  var pos = floor(random(layer3.length));
  currentlayer3 = layer3[pos];
  image(currentlayer3,200,400,200,200);
  
  var pos = floor(random(layer4.length));
  currentlayer4 = layer4[pos];
  image(currentlayer4,200,600,200,200);
  
  var pos = floor(random(layer5.length));
  currentlayer5 = layer5[pos];
  image(currentlayer5,200,800,200,200);
  
    var pos = floor(random(layer6.length));
  currentlayer6 = layer6[pos];
  image(currentlayer6,200,1000,200,200);
  
  var pos = floor(random(layer7.length));
  currentlayer7 = layer7[pos];
  image(currentlayer7,400,1000,200,200);
  
  
  var pos = floor(random(layer8.length));
  currentlayer8 = layer8[pos];
  image(currentlayer8,600,1000,200,200);
  
  var pos = floor(random(layer9.length));
  currentlayer9 = layer9[pos];
  image(currentlayer9,400,600,200,200);
​
  var pos = floor(random(layer10.length));
  currentlayer10 = layer10[pos];
  image(currentlayer10,400,1200,200,200);
  
  var pos = floor(random(layer11.length));
  currentlayer11 = layer11[pos];
  image(currentlayer11,600,1200,200,200);
  
    var pos = floor(random(bg.length));
  currentbg = bg[pos];
  image(currentbg,0,0,200,200);
  
  var pos = floor(random(bg.length));
  currentbg = bg[pos];
  image(currentbg,0,200,200,200);
  
  var pos = floor(random(bg.length));
  currentbg = bg[pos];
  image(currentbg,200,0,200,200);
  
  var pos = floor(random(bg.length));
  currentbg = bg[pos];
  image(currentbg,800,0,200,200);
  
  var pos = floor(random(bg.length));
  currentbg = bg[pos];
  image(currentbg,1000,0,200,200);
  
  var pos = floor(random(bg.length));
  currentbg = bg[pos];
  image(currentbg,1200,0,200,200);
  
  var pos = floor(random(bg.length));
  currentbg = bg[pos];
  image(currentbg,1200,200,200,200);
  
  var pos = floor(random(bg.length));
  currentbg = bg[pos];
  image(currentbg,0,1000,200,200);
  
  var pos = floor(random(bg.length));
  currentbg = bg[pos];
  image(currentbg,0,1200,200,200);
  
  var pos = floor(random(bg.length));
  currentbg = bg[pos];
  image(currentbg,200,1200,200,200);
  
  var pos = floor(random(bg.length));
  currentbg = bg[pos];
  image(currentbg,1000,1200,200,200);
  
   var pos = floor(random(bg.length));
  currentbg = bg[pos];
  image(currentbg,1200,1200,200,200);
  
   var pos = floor(random(bg.length));
  currentbg = bg[pos];
  image(currentbg,1200,1000,200,200);
  
   var pos = floor(random(bg.length));
  currentbg = bg[pos];   image(currentbg,400, 0,200,200);
  
  var pos = floor(random(layer1r.length));
  currentlayer1r = layer1r[pos];
  image(currentlayer1r,800,200,200,200);
  
  var pos = floor(random(layer2r.length));
  currentlayer2r = layer2r[pos];
  image(currentlayer2r,1000,200,200,200);
  
  var pos = floor(random(layer3r.length));
  currentlayer3r = layer3r[pos];
  image(currentlayer3r,1000,400,200,200);
  
    var pos = floor(random(layer4r.length));
  currentlayer4r = layer4r[pos];
  image(currentlayer4r,1000,600,200,200);
  
  var pos = floor(random(layer5r.length));
  currentlayer5r = layer5r[pos];
  image(currentlayer5r,1000,800,200,200);
  
  var pos = floor(random(layer6r.length));
  currentlayer6r = layer6r[pos];
  image(currentlayer6r,1000,1000,200,200);
  
   var pos = floor(random(layer7r.length));
  currentlayer7r = layer7r[pos];
  image(currentlayer7r,800,1000,200,200);
  
   var pos = floor(random(layer9r.length));
  currentlayer9r = layer9r[pos];
  image(currentlayer9r,800,600,200,200);
  
   var pos = floor(random(layer10r.length));
  currentlayer10r = layer10r[pos];
  image(currentlayer10r,800,1200,200,200);
  
  //image(overblue,0,0);  
}
mouseClicked = function() {
  
  if(mouseX > 400 && mouseX < 600 && mouseY > 400 && mouseY < 600) {
        var pos = floor(random(eye.length));
  currenteye = eye[pos];
    image(currenteye,400,400, 200,200);
    
    
    if (eyesound.isPlaying()) {
    // .isPlaying() returns a boolean
    eyesound.stop();
  } else {
    eyesound.play();
  }
    
    }
  
  if(mouseX > 800 && mouseX < 1000 && mouseY > 400 && mouseY < 600) {
        var pos = floor(random(eye.length));
  currenteye = eye[pos];
    image(currenteye,800,400, 200,200);
    
    if (eyesound.isPlaying()) {
    // .isPlaying() returns a boolean
    eyesound.stop();
  } else {
    eyesound.play();
  }
    
    
    }
  
  if(mouseX > 600 && mouseX < 800 && mouseY > 400 && mouseY < 800) {
        var pos = floor(random(nose.length));
  currentnose = nose[pos];
    image(currentnose,600,400, 200,400);
    
    
    if (nosesound.isPlaying()) {
    // .isPlaying() returns a boolean
    nosesound.stop();
  } else {
    nosesound.play();
  }
    
    
    }
  
  if(mouseX > 400 && mouseX < 1000 && mouseY > 800 && mouseY < 1000) {
        var pos = floor(random(mouth.length));
  currentmouth = mouth[pos];
    image(currentmouth,400,800, 600,200);
    
    if (mouthsound.isPlaying()) {
    // .isPlaying() returns a boolean
    mouthsound.stop();
  } else {
    mouthsound.play();
  }
    
    }
  
  if(mouseX > 600 && mouseX < 800 && mouseY > 0 && mouseY < 400) {
        var pos = floor(random(hat.length));
  currenthat = hat[pos];
    image(currenthat,600,0 , 200,400);}
    
  if(mouseX > 0 && mouseX < 200 && mouseY > 400 && mouseY < 1000) {
        var pos = floor(random(leftear.length));
  currentleftear = leftear[pos];
    image(currentleftear,0,400, 200,600);}
  
  if(mouseX > 1200 && mouseX < 1400 && mouseY > 400 && mouseY < 1000) {
        var pos = floor(random(rightear.length));
  currentrightear = rightear[pos];
    image(currentrightear,1200,400, 200,600);}
  
} 
Cookies

Sketch Files

Console

Preview
