createCanvas(600, 400);

  landscape();

 var b = createButton("Generate landscape");

  b.mousePressed(landscape);

  landscape();

}

​

function landscape() {

  background("orange");

  fill("yellow");

  noStroke(0);

  circle(297,300,400);

  fill("blue");

  rect(0,300, width, 100);

  for (var x = 50; x <= width; x += 50){

    var y = random(20,190);

    fill("grey");

    cloud(x, y);

    var s = random (10,100);

    fill("#2A3573");

    rect(x,300,s,10);

    rect(x,300,s,10)

    var d = random (10,100);

    fill("#354289");

    rect(x,340,d,10);

    rect(x,340,d,10)

  }

  // clouds

  fill("grey");

  cloud(100, 100);

  cloud(500, 50);

}

​

function cloud(x,y) {

  circle(x,y,50);

  circle(x + 20,y + 20, 50);

  circle(x - 20,y + 20,50);

}

​

​