Nested Patter by Tasia Miller

*/

​

var colorSlider, rowSlider;

function setup() {

  createCanvas(600, 500);

  background(220);

​

  var saveImageButton = createButton("Save Image");

  saveImageButton.mousePressed(saveImage);

  saveImageButton.position(480, height - 30);

​

   colorSlider = createSlider(20, 200, 12);

  colorSlider.input(pattern);

  rowSlider = createSlider(0,30,9)

  rowSlider.input(pattern);

  pattern();

}

function pattern() {

  var r = random(0, 255);

  var b = random(0, 255);

  fill(r, b, 0, 60);

​

  let cols = 5;

  let rows = rowSlider.value();

​

  let w = width / cols; // width of one column

  let h = height / rows; // height of one row

​

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

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

      quad(x + 10, y + 50, x - 30, y + 30, x + 80, y - 20, x + 40, y - 80);

    }

  }

}

function saveImage() {

  save("patterngrid.jpg");

}

​