TristinFong_Ex3

function setup() {

createCanvas(windowWidth, windowHeight);

  background(20, 0 ,60);

}

​

function draw() {

  //moon

  fill(500)

  ellipse(200, 70, 50, 50);

  //grass

  fill('hsb(160, 100%, 20%)')

  ellipse(900, 680, 990, 400);

  noStroke()

  fill('hsb(160, 100%, 18%)')

  ellipse(950, 680, 750, 400);

  noStroke()

  //tree stump

  fill(73,66,52)

  quad(800, 500, 850, 500, 1000 - 125, 450, 1000 - 175, 450);

  quad(1000 - 175, 450,1000 - 125, 450, 1000 - 145, 400, 1000 - 190, 400);

  quad(1000 - 190, 400,1000 -  145, 400,1000 -  155, 325,1000 -  195, 325); 

  quad(1000 - 195, 325,1000 -  155, 325,1000 -  145, 300,1000 -  180, 300);

  quad(1000 - 145, 300, 1000 - 180, 300,1000 -  175, 250,1000 -  155, 250);

  quad(1000 - 155, 250,1000 -  175, 250,1000 -  160, 200,1000 -  160, 200);

  //tree bush

  fill('hsb(160, 100%, 15%)')

  ellipse(900, 200, 80, 80);

  noStroke()

  fill('hsb(160, 100%, 16%)')

  ellipse(860, 220, 80, 80);

  noStroke()

  fill('hsb(160, 100%, 18%)')

  ellipse(800, 200, 80, 80);

  noStroke()

  fill('hsb(160, 100%, 18%)')

  ellipse(850, 150, 80, 80);

  noStroke()

  fill('hsb(160, 100%, 20%)')

  ellipse(780, 150, 80, 80);

  noStroke()

  fill('hsb(160, 100%, 18%)')

  ellipse(890, 150, 80, 80);

  noStroke()

  fill('hsb(160, 100%, 20%)')

  ellipse(830, 120, 80, 80);

  noStroke()

  }

​

function mousePressed() { 

  background(20, 0, 60);

  let counter = 0;  

  while (counter < 1000) {

    let diameter = random(2, 2);

    let x = random(0, width); 

    let y = random(0, height); 

    fill(500)

    ellipse(x, y, diameter, diameter);

    noStroke();

​

    counter = counter + 1; 

  }

}