Core Grid

var colorSchemes = [

  ['#2f4858', '#33658a', '#86bbd8', '#f6ae2d', '#f26419', '#0b3954', '#087e8b', '#bfd7ea', '#ff5a5f', '#780116', '#f7b538', '#db7c26', '#db7c26', '#d8572a', '#c32f27'],

];

​

var blockSize = 120;

var countBorder = 8

var wdt = blockSize * countBorder;

var hgt = blockSize * countBorder;

var p = -1

​

​

​

function setup() {

  createCanvas(wdt, hgt);

  rectMode(CENTER);

  ellipseMode(CENTER);

  frameRate(1)

  noLoop();

}

​

​

function draw() {

  background(25);

​

  colors = colorSchemes[~~random(0, colorSchemes.length)]

  noStroke()

  for (var y = blockSize / 2; y < height; y += blockSize) {

    for (var x = blockSize / 2; x < width; x += blockSize) {

      shuffledColors = shuffleArray(colors)

​

      fill(shuffledColors[0]);

      rect(x, y, blockSize * 0.95, blockSize * 0.95);

      circleNumber = 10

      for (var i = 1; i < circleNumber; i += 1) {

        // print(i)

        fill(shuffledColors[i]);

        scale = random(0.5, 0.9)

​

        rect(x, y, blockSize / i * scale, blockSize / i * scale);

      }

      push();

      translate(x, y);

​

      pop();

    }

  }

  paper();

}

​

​

​

function mousePressed() {

  p = -p

  if (p > 0)

    frameRate(0)

  else

    frameRate(1)

​

}

​

​

function shuffleArray(array) {

  var j, temp;

  for (var i = array.length - 1; i > 0; i--) {

    j = Math.floor(Math.random() * (i + 1));

    temp = array[i];

    array[i] = array[j];

    array[j] = temp;

  }

​

  return array;

}

​

​

function paper() {

  push();

  strokeWeight(1);

  noStroke();

  for (var i = 0; i < width - 1; i += 2) {

    for (var j = 0; j < height - 1; j += 2) {

      fill(random(205 - 40, 205 + 30), 25);

      rect(i, j, 2, 2);

    }

  }

​

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

    fill(random(130, 215), random(100, 170));

    rect(random(0, width - 2), random(0, height - 2), random(1, 3), random(1, 3));

  }

​

  pop();

}