createCanvas(600, 600);

}

​

function draw() {

  background('rgb(243,57,220)');

  fill('rgb(21,93,245)')

  noStroke()

  rect(0, 450, width, 350)

  fill('rgb(216,206,152)')

  circle(300, 460, 100)

  fill('rgb(90,57,37)')

  rect(0, 530, width, 350)

  // sun

  fill('rgb(219,199,89)')

  circle(300, 260, 400)

  cloud(80)

  cloud(440)

  tree(50, 300)

}

​

function cloud(x) {

  fill('white')

  circle(x+20, 200, 60)

  circle(x+70, 200, 60)

  circle(x+45, 170, 60)

}

function tree(x, y) {

  noStroke();

  fill(222,184,135);

  rect(x+466, y+100, 20,160);

  fill(200,82,45);

  stroke(128,0,0);

  ellipse(x+500,y+150,30,30);

  ellipse(x+452,y+150,30,30);

  ellipse(x+475,y+145,28,28);

  fill(0,100,0);

  translate(x+480, y+100);

  strokeWeight(2.2);

  stroke(11, 58, 16);

  for (var i = 0; i < 10; i ++) {

    ellipse(0, 30, 20, 80);

    rotate(PI/5);

  }

}

​