P5 Landscape Project

Here I created a simple landscape using mainly circles and rectangles. I started off by dividing the canvas into two. One half being the sky, and the other half being a grassy area. I then added some tree trunks using the rectangle method, and tree leaves using the ellipse method. I then formed a bunch of white ellipses together to form one big cloud. I then added the sun to the top right corner. Lastly, I ended my landscape by adding a very ugly looking bear.

My Code: 
function setup() {
  createCanvas(600, 600);
}

function draw() {
  background(220);
  
  //sky background
  noStroke();
  fill(135,206,235);
  rect(0,0,600,350);
  
  //the sun 
  fill('yellow');
  noStroke();
  ellipse(575,10,200,200);
  
  //green grass rectangle
  fill('green');
  noStroke();
  rect(0,350,600,250);
  
  //tree trunk #1
  fill(133,94,66)
  noStroke();
  rect(20,300,15,50);
  
  //tree trunk #2
  fill(133,94,66)
  noStroke();
  rect(200,300,15,50);
  
  //tree trunk #3
  fill(133,94,66)
  noStroke();
  rect(550,300,15,50);
  
  //tree trunk #4
  fill(133,94,66)
  noStroke();
  rect(430,300,15,50);
  
  //tree trunk #5
  fill(133,94,66)
  noStroke();
  rect(365,300,15,50);
  
  //tree leaves #1
  fill('green');
  noStroke();
  ellipse(206,300,50,50);
  
  //tree leaves #2
  fill('green');
  noStroke();
  ellipse(26,300,50,50);
  
  //tree leaves #3
  fill('green');
  noStroke();
  ellipse(556,300,50,50);
  
  //tree leaves #4
  fill('green');
  noStroke();
  ellipse(436,300,50,50);
  
  //tree leaves #5
  fill('green');
  noStroke();
  ellipse(371,300,50,50);
  
  //cloud cirlces
  fill('white');
  noStroke();
  ellipse(200,60,50,50);
  
  fill('white');
  noStroke();
  ellipse(220,70,50,50);
  
  fill('white');
  noStroke();
  ellipse(240,70,50,50);
  
  fill('white');
  noStroke();
  ellipse(270,60,50,50);
  
  fill('white');
  noStroke();
  ellipse(260,40,50,50);
  
  fill('white');
  noStroke();
  ellipse(240,40,50,50);
  
  fill('white');
  noStroke();
  ellipse(270,40,50,50);
  
  fill('white');
  noStroke();
  ellipse(210,40,50,50);
  
  //bear body
  fill('brown')
  ellipse(210,450,100,50);
  
  //bear legs
  fill('brown');
  rect(230,468,10,20);
  
  fill('brown');
  rect(180,468,10,20);
  
  //bear face
  fill('brown');
  stroke(4);
  ellipse(265,440,30,30);
  
  //bear eyes
  fill('white')
  stroke(4);
  ellipse(260,435,5,5)
  
  fill('white')
  stroke(4);
  ellipse(270,435,5,5)
  
  //bear mouth
  fill('black');
  stroke(4);
  rect(257,445,15,5)
  
  //bear ears
  fill('brown')
  stroke(4)
  ellipse(255,425,6,6)
  
  fill('brown')
  stroke(4)
  ellipse(275,425,6,6)
  
  //bear tail
  fill('brown');
  noStroke();
  ellipse(150,445,30,10)
}