patterns 3

//create palette options

var palette = ["#6576F0", "#F065E1", "#24211D", "##D22401"];

var palette2 = ["#5289E9", "#24AAAB", "#8B8FD6"];

​

function setup() {

  createCanvas(windowHeight, windowWidth);

  mousePressed();

  strokeWeight(10);

  stroke("#00599b");

  strokeWeight(10);

  strokeCap(SQUARE);

  colorMode(HSB, 100);

}

​

//when mouse is pressed

function mousePressed() {

  background(0, 0, 0);

  noStroke();

​

  //establish variables

  var rows2 = 100;

  var cols2 = 100;

​

​

  for (var e = 1; e < rows2; e++) {

    for (var r = 1; r < cols2; r++) {

      rectMode(CENTER);

​

      var shape2 = floor(random(0, 2));

      var randomColor2 = random(palette2);

​

      fill(randomColor2);

      var randomColor = random(palette);

​

      if (shape2 == 0) {

        rect(e * 10, r * 10, 100, 100);

      } else {

        fill(randomColor);

        ellipse(e * 10, r * 10, 110, 110);

      }

    }

  }

}