var actRandomSeed = 0;

​

function setup() {

  createCanvas(width*3, height*3);

  //noStroke();

}

​

function draw() {

​

  clear();

  randomSeed(actRandomSeed);

  background("#ffffff");

​

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

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

      let shades = ["#5de3c6","#b7e897", "#ceedcf", "#c5ede4", "#9debb4", "#b8dbc4"];

      // 843, 116, 921, 371, 334, 317

      let shade = random(shades);

      cS = color(shade);

      fill(cS);

      stroke(cS);

      strokeWeight(2);

​

      var posX = width / tileCount * gridX;

      var posY = height / tileCount * gridY;

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

​

      if (s == 0) {

        noStroke();

        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) {

        noStroke();

        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) {

        noStroke();

        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) {

        noStroke();

        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);

          }

        }

      }

       if (s == 4) {

        noStroke();

         fill("#ffffff");

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

          fill(cS)

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

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

            noStroke();

            ellipse(x, y, 4);

          }

        }

      }

      if (s == 5) {

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

            stroke(cS);

          line(posX, y, posX + width / tileCount,y);

        }

       }

       if (s == 6) {

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

          line(x, posY, x,posY + height / tileCount);

        }  

      }

    }

  }

}

​

function mouseReleased() {

  actRandomSeed = random(100000);

}