createCanvas(600, 400);

  landscape();

​

  var generateButton = createButton("Regenerate landscape");

  generateButton.mousePressed = landscape;

  generateButton.position(20, 20);

​

  var saveButton = createButton("save image");

  saveButton.mousePressed(function () {

    save("rainy.jpg");

  });

  saveButton.position(220, 20);

}

function mousePressed() {

  landscape();

}

​

function landscape() {

  background("rgb(197,241,238)");

​

  noStroke();

  fill("rgb(98,177,98)");

  rect(0, 300, width, 100);

​

  for (var x = 10; x <= width; x += 40) {

    var y = random(20, 300);

    rain(x, y);

  }

​

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

    var y = random(280, 400);

    var s = random(30, 50);

    flower(x, y, "rgb(214,71,96)");

  }

​

  for (var x = 10; x <= width; x += 100) {

    var y = random(270, 300);

    var s = random(30, 50);

    flower(x, y, "rgb(187,129,207)", s);

  }

  for (var x = 10; x <= width; x += 100) {

    var y = random(290, 380);

    var s = random(30, 50);

    flower(x, y, "rgb(255,192,203)");

  }

}

​

function flower(x, y, c) {

  fill(c);

  circle(x, y, 30);

  circle(x - 20, y + 15, 30);

  circle(x + 20, y + 15, 30);

  circle(x + 15, y + 38, 30);

  circle(x - 13, y + 38, 30);

  fill("yellow");

  circle(x, y + 20, 30);

}

​

function rain(x, y) {

  fill("rgb(112,157,172)");

  circle(x, y, 25);

  triangle(x - 13, y, x + 13, y, x, y - 40);

}

​