210327a

let emoji_arr = [];

​

function preload() {

  emoji_arr = createEmojiArr();

}

​

​

function setup() {

  createCanvas(800, 800);

  colorMode(HSB, 360, 100, 100, 100);

  angleMode(DEGREES);

}

​

function draw() {

  background(0, 0, 95);

​

  let offset = width / 20;

  let margin = offset / 3;

  let cells = int(random(1, 6));

  let d = (width - offset * 2 - margin * (cells - 1)) / cells;

​

  for (let j = 0; j < cells; j++) {

    for (let i = 0; i < cells; i++) {

      let x = offset + i * (d + margin);

      let y = offset + j * (d + margin);

      separateGrid(x, y, d, d);

    }

  }

​

  noLoop();

}

​

​

function separateGrid(x, y, w, h) {

  push();

  translate(x + w / 2, y + h / 2);

  scale(0.75);

  translate(-w / 2, -h / 2);

  let v = w / 2;

  let rs = random(10000);

  push();

  translate(v, 0);

  scale(-1, 1);

  randomSeed(rs);

  drawSeparateShape(0, 0, v, h);

  pop();

​

  push();

  translate(v, 0);

  scale(1, 1);

  randomSeed(rs);

  drawSeparateShape(0, 0, v, h);

  pop();

​

  pop();

}

​

function drawSeparateShape(x, y, w, h) {

  push();

  translate(x, y);

  let cx = 0,

    cy = 0,

    xStep, yStep;

  while (cy < h) {

    yStep = random(h / random(1.5, 4) - h / 10) + h / 10;

    if (cy + yStep > h) yStep = h - cy;

    cx = 0;

    while (cx < w) {

      xStep = random(w / random(1.5, 4) - w / 10) + w / 10;

      if (cx + xStep > w) xStep = w - cx;

      let sx = random(45) * (random() > 0.5 ? -1 : 1);

      let sy = random(45) * (random() > 0.5 ? -1 : 1);

      push();

      translate(cx + xStep / 2, cy + yStep / 2);

      rectMode(CENTER);

      textSize(max(xStep, yStep));

      rotate(random(360));

      shearX(sx);

      shearY(sy);

      textAlign(CENTER, CENTER);

      let str = random(emoji_arr).emoji;

      drawingContext.shadowColor = color(0, 0, 0, 16);

      drawingContext.shadowBlur = w / 10;

      text(str, 0, 0);

​

      pop();

      cx += xStep;

    }

    cy += yStep;

  }

​

  pop();

}

​

​

function createEmojiArr() {

  let arr = [];

  let str, obj;

  for (let i = 128512; i < 128592; i++) {

    str = String.fromCodePoint(i);

    obj = createEmoji(str);

    if (obj.color[0] != 0 && obj.color[1] != 0 && obj.color[2] != 0) {

      arr.push(obj);

    }

  }

  for (let i = 127744; i < 128318; i++) {

    str = String.fromCodePoint(i);

    obj = createEmoji(str);

    if (obj.color[0] != 0 && obj.color[1] != 0 && obj.color[2] != 0) {

      arr.push(obj);

    }

  }

  return arr;

}

​

function arrSelect(arr, num) {

  while (arr.length > num) {

    let n = int(random(arr.length));

    arr.splice(n, 1);

  }

  return arr;

}

​

function createEmoji(str) {

  let g = createGraphics(16, 16);

  g.textAlign(CENTER, CENTER);

  g.textSize(16);

  g.text(str, g.width / 2, g.height / 2);

  let c = g.get(g.width / 2, g.height / 2);

  let obj = {

    emoji: str,

    color: c,

  };

  return obj;

}

​

function createPalette(_url) {

  let slash_index = _url.lastIndexOf('/');

  let pallate_str = _url.slice(slash_index + 1);

  let arr = pallate_str.split('-');

  for (let i = 0; i < arr.length; i++) {

    arr[i] = color('#' + arr[i]);

  }

  return arr;

}