createCanvas(500, 500);

  background (175, 215, 255);

}

​

function draw(){

  fill(0, 100, 0);

  rect(0, 300, 500, 200);

  fill(211, 211, 211);

  rect(0, 380, 500, 50);

  //sun

  fill(255, 255, 0)

  circle(400, 50, 50)

  // body

  fill(200, 240, 250);

  rect(85, 330, 15, 60, 10);

  fill(200, 240, 250);

  rect(105, 330, 15, 60, 10)

  fill(0, 0, 50)

  rect(80, 270, 40, 70, 20);

  fill(210, 180, 140);

  ellipse (100, 250, 35, 45);

  //arm

  fill(210, 180, 140);

  rotate(radians(20));

  translate(90, -50);

  rect(110, 290, 50, 10,10);

  //hair and bun 

  fill(0, 0, 0);

  ellipse(70, 240, 25, 20);

  // arc(x, y, w, h, start, stop, [mode], [detail])

  arc(90, 250, 35, 45, 360, 2*PI);

  //walking at night

  if (mouseIsPressed) {background(0, 0, 140)}

}

​

​