Pattern 2: Interface

*/

let x, y, r, g, b, d;

​

function setup() {

  createCanvas(500, 500);

  pattern();

​

  //Art Button

  var patternButton = createButton("Click for Art");

  patternButton.mousePressed(pattern);

​

  //Save image button

  var saveButton = createButton("Save");

  saveButton.mousePressed(saveImage);

}

function saveImage() {

  save("Art.jpg");

}

​

function pattern() {

  background(random(0, 255));

  //repeat rows

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

    for (j = 0; j < 10; j++) {

      //color values

      r = random(0, 255);

      g = random(0, 255);

      b = random(0, 255);

      //spacing

      x = i * 50 + 25;

      y = j * 50 + 25;

      //circle size

      d = 30;

      //colors

      fill(r, g, b);

      noStroke();

​

      ellipse(x, y, d);

      //end

      noLoop();

    }

  }

}

​