var actRandomSeed = 0;

​

function setup() {

  createCanvas(700, 700);

  noStroke();

}

​

function draw() {

​

  clear();

  randomSeed(actRandomSeed);

  background("#F8F1E1");

​

  for (var gridY = 0; gridY < tileCount; gridY++) {

    for (var gridX = 0; gridX < tileCount; gridX++) {

      let shades = ["#839EA2", "#8DABA7", "#9FC6C2", "#D7A29A", "#2C3239", "#DED3C0", "#F8F1E1"];

      let shade = random(shades);

      cS = color(shade);

      fill(cS);

​

      var posX = width / tileCount * gridX;

      var posY = height / tileCount * gridY;

      var s = int(random(0, 4));

​

      if (s == 0) {

        triangle(posX, posY, posX + width / tileCount / 2, posY + height / tileCount / 2, posX + width / tileCount, posY);

​

        let shade1 = random(shades);

        cS1 = color(shade1);

        fill(cS1);

        triangle(posX, posY, posX + width / tileCount / 2, posY + height / tileCount / 2, posX, posY + height / tileCount);

​

        let shade2 = random(shades);

        cS2 = color(shade2);

        fill(cS2);

        triangle(posX + width / tileCount, posY, posX + width / tileCount / 2, posY + height / tileCount / 2, posX + width / tileCount, posY + height / tileCount);

​

        let shade3 = random(shades);

        cS3 = color(shade3);

        fill(cS3);

        triangle(posX + width / tileCount, posY + height / tileCount, posX + width / tileCount / 2, posY + height / tileCount / 2, posX, posY + height / tileCount);

      }

​

      if (s == 1) {

        rect(posX, posY, (posX + width / tileCount) / 2, (posY + height / tileCount) / 2);

​

        let shade1 = random(shades);

        cS1 = color(shade1);

        fill(cS1);

        rect((posX + width / tileCount) / 2, (posY + height / tileCount) / 2, (posX + width / tileCount) / 2, (posY + height / tileCount) / 2);

​

        let shade2 = random(shades);

        cS2 = color(shade2);

        fill(cS2);

        rect(posX, (posY + height / tileCount) / 2, (posX + width / tileCount) / 2, (posY + height / tileCount) / 2);

​

        let shade3 = random(shades);

        cS3 = color(shade3);

        fill(cS3);

        rect((posX + width / tileCount) / 2, posY, (posX + width / tileCount) / 2, (posY + height / tileCount) / 2);

      }

​

      if (s == 2) {

        for (x = posX; x < (posX + width / tileCount); x = x + (posX + width / tileCount) / tileCount) {

          for (y = posY; y < posY + height / tileCount; y = y + (posY + height / tileCount) / tileCount) {

            let shade1 = random(shades);

            cS1 = color(shade1);

            fill(cS1);

            rect(x, y, (posX + width / tileCount) / tileCount, posY + height / tileCount);

          }

        }

      }

​

      if (s == 3) {

        for (y = posY; y < posY + height / tileCount; y = y + ((posY + height / tileCount) / tileCount)) {

          for (x = posX; x < posX + width / tileCount; x = x + ((posX + height / tileCount) / tileCount)) {

            let shade1 = random(shades);

            cS1 = color(shade1);

            fill(cS1);

            rect(x, y, posX + width / tileCount, (posY + height / tileCount) / tileCount);

          }

        }

      }

    }

  }

}

​

function mouseReleased() {

  actRandomSeed = random(100000);

}