HOMEWORK WEEK 02: The Album Remix

mySketch
xxxxxxxxxx
 
function setup() {
  createCanvas(400, 400);
  background(0);
}
function draw() {
  fill (239, random (183), random (62));
    if (keyIsPressed === true) {
​
    circle (115, 120, 170);
      
    } else{ square (30, 40, 170);
    }
  fill (random (135), random (210), 10);
  if (keyIsPressed === true) {
    circle (290, 120, 170);
  } else {
  square (200, 40, 170);
  }
  fill (random (190), 0, 127);
  if (keyIsPressed === true) {
    circle (115, 300, 170);
  } else {
    square (30, 210, 170);
  }
  fill (random (72), random (138), 199);
  if (keyIsPressed === true) {
    circle (290, 300, 170);
  } else {
    square (200, 210, 170);
  }
/// Four Colored Squares 
  noStroke();
  if (mouseIsPressed === true) {
    fill (143, 188, 139);
  } else {
      fill (111, 78, 55);
  }
  rect (80, 90, 80, 75);
  rect (90, 80, 60, 90);
  rect (70, 100, 100, 50);
  rect (60, 120, 120, 20);
  /// face in yellow rect
  fill (0);
  rect (95, 125, 10, 30);
  rect (135, 125, 10, 30);
  rect (85, 63, 50, 20);
  rect (85, 73, 70, 10);
  rect (65, 83, 25, 20);
  rect (65, 103, 10, 30);
  rect (170, 100, 10, 30);
  rect (155, 85, 20, 15);
  rect (145, 75, 15, 17);
  /// hair in yellow rect
  fill (0);
  rect (85, 190, 70, 20);
  rect (90, 180, 60, 20);
  fill (250);
  rect (100, 170, 40, 20);
  rect (105, 185, 30, 10);
  fill (0);
  rect (95, 175, 50, 10);
  rect (115, 185, 10, 10);
  /// outfit in yellow rect
  if (mouseIsPressed === true){
    fill (25, 25, 112);
  } else {
      fill (255, 255, 191);
  }
  rect (235, 100, 100, 80);
  rect (240, 90, 20, 100);
  rect (310, 90, 20, 100);
  rect (250, 85, 70, 20);
  rect (225, 145, 120, 30);
  rect (230, 100, 110, 50)
  /// hair in green rect
  fill (255, 219, 172);
  rect (250, 110, 70, 60);
  rect (260, 105, 50, 70);
  rect (275, 170, 20, 20)
  fill (0);
  rect (300, 130, 10, 30);
  rect (260, 130, 10, 30);
  /// face in green rect
  fill (237, 130, 169);
  rect (265, 185, 40, 25);
  rect (255, 185, 60, 10);
  rect (310, 195, 10, 10);
  rect (315, 200, 10, 10);
  rect (250, 195, 10, 10);
  rect (245, 200, 10, 10);
  fill (0);
  rect (275, 185, 20, 10);
  rect (280, 190, 10, 10);
  /// outfit in green rect
  fill (111, 78, 55);
  rect (244, 260, 80, 70);
  rect (255, 250, 55, 90);
  rect (235, 268, 100, 55);
  rect (225, 288, 120, 20)
  fill (0);
  rect (260, 285, 10, 30);
  rect (300, 285, 10, 30);
  if (mouseIsPressed === true) {
    fill (102, 51, 153);
  } else {
    fill (250);
  }
  rect (235, 277, 100, 10);
  rect (235, 277, 10, 40);
  rect (325, 277, 10, 40);
  rect (235, 310, 50, 10);
  rect (295, 310, 40, 10);
  rect (280, 277, 5, 40);
  rect (290, 280, 5, 40);
  /// face in blue rect 
  fill (0);
  rect (268, 230, 30, 20);
  rect (279, 215, 10, 30);
  /// hair in blue 
  rect (260, 350, 50, 30);
  rect (245, 360, 80, 30);
  fill (250);
  rect (265, 340, 40, 20);
  fill (0);
  rect (260, 350, 50, 5);
  /// outfit in blue rect
  if (mouseIsPressed === true) {
  fill (199, 163, 23);
  } else {
  fill (78, 81, 218);
  }
  rect (80, 230, 60, 15);
  rect (65, 240, 90, 10);
  rect (60, 240, 10, 60);
  rect (150, 240, 10, 50);
  rect (40, 270, 30, 50);
  rect (35, 285, 50, 30);
  rect (150, 270, 30, 50);
  rect (135, 285, 50, 30);
  fill (199, 163, 23);
  rect (50, 280, 10, 40);
  rect (160, 280, 10, 40);
  /// headphones in pink rect 
  fill (255, 219, 172);
  rect (70, 270, 80, 70);
  rect (80, 255, 60, 95);
  rect (95, 255, 30, 110);
  fill (0);
  rect (120, 300, 15, 25);
  rect (85, 300, 15, 25);
  /// face in pink rect 
  fill(0);
  rect (75, 255, 70, 20);
  rect (70, 260, 85, 20);
  rect (60, 270, 15, 90);
  rect (145, 270, 15, 90);
  rect (140, 295, 5, 90);
  rect (70, 280, 5, 90);
  /// hair in pink rect 
  fill (128, 0, 32);
  rect (150, 290, 10, 40);
  rect (60, 290, 100, 10);
  rect (60, 290, 10, 40);
  rect (110, 330, 45, 5);
  rect (70, 330, 35, 5);
  rect (110, 295, 5, 40);
  rect (103, 295, 5, 40);
  fill (0);
  rect (205, 405, 60, 10);
  rect (80, 360, 60, 30);
  fill (250);
  rect (70, 370, 10, 10);
  rect (140, 370, 10, 10);
  rect (100, 355, 20, 10);
  rect (105, 360, 10, 10);
  /// outfit in pink rect
  fill (random (160), random (160), 160);
  square (mouseX, 20, mouseX, 400);
  circle (20, mouseY, 120, mouseY )
}