Randomized pattern

var rows= 10

var cols= 10

var distanceX= 40

var distanceY=40

​

var palette = ["#ff882e", "#fa6941", "#ed747c", "#966dde", "#28d48f"];

​

function setup() {

  createCanvas(800, 800);

  background(100);

  mousePressed();

}

function mousePressed(){

  background("#ffcb1f")

  rectMode(CENTER);

  noStroke();

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

    for (var c=1; c<cols; c++){

      push();

      translate(c*distanceX, r*distanceY);

      var angle =55*floor(random(0,2));

      rotate(radians(angle));

      var randomColor = random(palette);

      fill(randomColor);

      var shape = floor(random(0, 5));

      if(shape == 0) {

          rect(50,50,350,450);

          var randomColor = random(palette);

      fill(randomColor);

        rect(50-10,50,350-10,450-10);

          var randomColor = random(palette);

      fill(randomColor);

        rect(50-15,50,350-40,450-40);

      rect(100,250,350,450);

          var randomColor = random(palette);

      fill(randomColor);

        rect(100-10,250,350-10,450-10);

          var randomColor = random(palette);

      fill(randomColor);

        rect(100-15,250,350-40,450-40);

        rect(300,250,350,450);

          var randomColor = random(palette);

      fill(randomColor);

        rect(300-10,250,350-10,450-10);

          var randomColor = random(palette);

      fill(randomColor);

        rect(300-15,250,350-40,450-40);

          rect(500,250,350,450);

          var randomColor = random(palette);

      fill(randomColor);

        rect(500-10,250,350-10,450-10);

          var randomColor = random(palette);

      fill(randomColor);

        rect(500-15,250,350-40,450-40);

        rect(500,150,350,450);

          var randomColor = random(palette);

      fill(randomColor);

        rect(500-10,150,350-10,450-10);

          var randomColor = random(palette);

      fill(randomColor);

        rect(500-15,150,350-40,450-40);

      }

      if(shape == 1) {

      rect(450,50,100,100);

          var randomColor = random(palette);

      fill(randomColor);

        rect(450-10,50,100-10,100-10);

          var randomColor = random(palette);

      fill(randomColor);

        rect(450-15,50,100-40,100-40);

        rect(50,50,100,100);

          var randomColor = random(palette);

      fill(randomColor);

        rect(50-10,50,100-10,100-10);

          var randomColor = random(palette);

      fill(randomColor);

        rect(50-15,50,100-40,100-40);

      }

      if(shape == 2) {

        var randomColor = random(palette);

      stroke(randomColor);

        strokeWeight(10)

  ellipse(100, 200, 70,70)

        var randomColor = random(palette);

      stroke(randomColor);

        strokeWeight(10)

  ellipse(100, 200, 70-20,70-20)

      }

  if(shape == 3) {

    var randomColor = random(palette);

      stroke(randomColor);

        strokeWeight(10)

  ellipse(300, 300, 300,300)

        var randomColor = random(palette);

      stroke(randomColor);

        strokeWeight(10)

  ellipse(300, 300, 300-100,300-100)

        var randomColor = random(palette);

      stroke(randomColor);

        strokeWeight(10)

  ellipse(300, 500, 100,100)

        var randomColor = random(palette);

      stroke(randomColor);

        strokeWeight(10)

  ellipse(300, 500, 100-20,100-20)

  }

      pop();

    }

  }

​

​

}