createCanvas(600, 600);

}

​

function draw() {

  background(41, 6, 153);

​

  for (let x = 1; x <= width; x += 30) {

    for (let y = 1; y <= height / 2; y += 30) {

      stroke(255, 217, 102);

      strokeWeight(3);

      point(x, y);

    }

  }

​

  fill(0, 0, 255, 50);

  fill("lightblue");

  stroke("purple");

  strokeWeight("3");

  rect(100, 200, 400, 300);

​

  fill(0, 0, 255, 50);

  fill(" lightgreen");

  stroke("purple");

  triangle(100, 200, 300, 50, 500, 200);

​

  fill("lightpink");

  stroke("purple");

  rect(250, 350, 100, 150);

​

  fill("purple");

  strokeWeight(15);

  point(330, 440);

​

  fill("orange");

  stroke("purple");

  strokeWeight("3");

  square(150, 230, 100);

​

  line(200, 230, 200, 330);

​

  line(150, 280, 250, 280);

​

  fill("orange");

  stroke("purple");

  strokeWeight("3");

  square(350, 230, 100);

​

  line(400, 230, 400, 330);

​

  line(350, 280, 450, 280);

​

  print(mouseX, mouseY);

​

  fill("brown");

  quad(250, 500, 350, 500, 400, 600, 200, 600);

​

  fill("darkgreen");

  stroke("darkgreen");

  circle(90, 510, 80);

​

  fill("darkgreen");

  stroke("darkgreen");

  circle(130, 520, 80);

​

  fill("darkgreen");

  stroke("darkgreen");

  circle(170, 510, 80);

​

  fill("darkgreen");

  stroke("darkgreen");

  circle(215, 520, 80);

​

  fill("darkgreen");

  stroke("darkgreen");

  circle(390, 510, 80);

​

  fill("darkgreen");

  stroke("darkgreen");

  circle(450, 520, 80);

​

  fill("darkgreen");

  stroke("darkgreen");

  circle(490, 510, 80);

​

  fill("darkgreen");

  stroke("darkgreen");

  circle(510, 520, 80);

}

​