let bc1;

let bc2;

let Y;

let X;

let height;

let width;

let BC;

​

function setup() {

  createCanvas(600, 600);

  bc0 = random(50, 90);

  bc1 = random(50, 110);

  bc2 = random(70, 120);

  BC = (bc0, bc1, bc2);

  X = 0;

  Y = 300;

  width = random(40, 90);

  height = random(130, 500);

}

​

function draw() {

  background(150, 240, 237);

  noStroke();

  rectMode(CENTER);

  //randomly generated city skyline upon mouse pressed

  if (mouseIsPressed) {

    for (X = 0; X < 600; X++) {

      X = X + 30;

      fill(random(BC));

      noStroke();

      rect(X, Y, random(width), random(height));

    }

  }

  X = 300;

  //ground

  fill(15, 55, 5);

  rect(X, 600, 600, 600);

  //face and neck

  ellipseMode(CENTER);

  fill(244, 189, 113);

  rect(X, 420, 85, 90);

  fill(245, 195, 125);

  ellipse(X, 300, 200, 240);

  rect(X, 330, 195, 120, 50);

​

  //cap

  angleMode(DEGREES);

  fill(252, 244, 192);

  stroke(1);

  arc(X, 275, 220, 240, 170, 10, PIE);

  fill(219, 211, 154);

  arc(X, 275, 220, 100, 170, 10, PIE);

​

  //shirt

  noStroke();

  fill(112, 110, 95);

  arc(X, 460, 120, 100, -30, -150, PIE);

  ellipse(X, 500, 300, 90);

  ellipse(X - 150, 560, 120, 160);

  ellipse(X + 150, 560, 120, 160);

  ellipse(X, 550, 300, 200);

  stroke(1);

  arc(X - 160, 560, 100, 160, 0, 90, OPEN);

  arc(X + 160, 560, 100, 160, 90, 180, OPEN);

​

  //

}

​