​

function setup() {

    createCanvas(400, 200);

   pattern();

​

  //Randomize flowers button 

  var patternButton = createButton("*Randomize flowers*");

  patternButton.mousePressed(pattern);

​

  //Save pattern button

  var saveButton = createButton("*Save flowers*");

  saveButton.mousePressed(saveImage);

}

​

function saveImage() {

  save("flowers.png");

}

​

function pattern() {

  background("LimeGreen");

  noStroke();

​

//The grid

  var columns = 20;

    var rows = 20;

    var w = width/columns;

    var h = height/rows;

    for (var x = 0; x < width; x += w) {

        for (var y = 0; y < height; y += h) {

            var r = random(199,255);

            var g = random(20,192);

            var b = random(133,203);

            fill(r, g, b);

            ellipse(x, y, w,);

        }

    }

}