210208a

//reference : https://corsservice.appspot.com/

​

let str;

let json;

let n;

let dc;

let font = [];

​

​

function preload() {

  font.push(loadFont("NotoSerifJP-Medium.otf"));

  font.push(loadFont("NotoSansJP-Medium.otf"));

  json = loadJSON("yojijukugo.json", function() {

    // print(json);

  });

}

​

let scl = 1;

​

function setup() {

  createCanvas(800*scl, 800*scl);

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

  angleMode(DEGREES);

  // noSmooth();

  textAlign(CENTER, CENTER);

  textStyle(BOLD);

​

  dc = drawingContext;

}

​

function draw() {

  background(0, 0, 95);

  let offset = width / 20;

  n = random() > 0.5 ? 1 : 0;

  dc.shadowColor = color(0, 0, 0, 35);

  dc.shadowBlur = offset / 5;

  let w = sqrt(sq(width) + sq(height));

​

  push();

  translate(width / 2, height / 2);

  rotate(random(-15, 15));

  shearX(random(-15, 15));

  shearY(random(-15, 15));

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

  separateGrid(0, 0, w, w / 7);

  pop();

​

  noLoop();

  // frameRate(1 / 2);

  // save();

}

​

function separateGrid(x, y, d, minD) {

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

  let dw = d / step;

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

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

      let cx = x + i * dw;

      let cy = y + j * dw;

​

      if (random(100) < 90 && dw > minD) {

        separateGrid(cx, cy, dw, minD);

      } else {

        let str;

        while (typeof str == "undefined" || str == null) {

          let json_length = Object.keys(json).length;

          let num = int(random(json_length));

          str = json[num].jukugo;

        }

        drawYojiJukugo(cx + dw / 2, cy + dw / 2, dw, str);

        n++;

      }

    }

  }

}

​

function drawYojiJukugo(cx, cy, d, str) {

  let graphics = [];

  let e = d / random([1]);

  let isBold = random(100) > 50;

  let isSerif = random(100) > 50;

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

    let chr = str.substr(i, 1);

    let g = createGraphics(e, e);

    g.textSize(e);

    g.textAlign(CENTER, CENTER);

    if (isBold) {

      g.textStyle(BOLD);

    } else {

      g.textStyle(NORMAL);

    }

    if (isSerif) {

      g.textFont(font[0]);

    } else {

      g.textFont(font[1]);

    }

    g.text(chr, e / 2, e / 2-e/5);

    graphics.push(g);

  }

​

​

  let ratio = 0.1;

  let ratio_ax = random(ratio, 1 - ratio);

  let ratio_bx = 1 - ratio_ax;

  let ratio_ay = random(ratio, 1 - ratio);

  let ratio_by = 1 - ratio_ay;

​

  let ratio_cy = random(ratio, 1 - ratio);

  let ratio_dy = 1 - ratio_cy;

​

  push();

  translate(cx, cy);

  scale((d-10)/d);

  translate(-d / 2, -d / 2);

  image(graphics[0], d * ratio_ax, 0, d * ratio_bx, d * ratio_ay);

  image(graphics[1], d * ratio_ax, d * ratio_ay, d * ratio_bx, d * ratio_by);

  image(graphics[2], 0, 0, d * ratio_ax, d * ratio_cy);

  image(graphics[3], 0, d * ratio_cy, d * ratio_ax, d * ratio_dy);

  graphics.length  = 0;

​

  // rect(0,0,d*ratio_ax,d*ratio_ay);

  // rect(d*ratio_ax,0,d*ratio_bx,d*ratio_ay);

  // rect(0,d*ratio_ay,d*ratio_ax,d*ratio_by);

  // rect(d*ratio_ax,d*ratio_ay,d*ratio_bx,d*ratio_by);

  pop();

}