let font_col, font_col2;

let font;

let font_size, half_fs;

​

let letters;

const alphabet =

  "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";

​

function preload() {

  font = loadFont("nokiafc22.ttf");

}

​

let alpha2 = "i need more caffeine";

function randomChar() {

  let r = alpha2[sidx];

  sidx++;

  if (sidx > alpha2.length - 1) sidx = 0;

  return r;

  // return alphabet[random(0, alphabet.length - 1) | 0];

}

​

let grid, particles, num_cells;

​

let sidx = 0;

let offset;

let windowScale;

​

const texts = [

  "gm",

  "good day",

  "have fun",

  "enjoy life",

  "more coffee",

  "it is known",

  "love",

  "O_o",

  "do it",

];

let txt;

function setup() {

  bg = color(100, 127, 92);

  bg2 = color(100, 127, 92, 80);

  font_col = color(28, 37, 15);

  font_col2 = color(28, 37, 15, 80);

​

  createCanvas(1000, 1000);

  // createCanvas(3000, 3000);

  noiseDetail(8, 0.25);

  angleMode(RADIANS);

​

  windowScale = width/1000;

  background(bg);

​

  stroke(font_col);

  noFill();  

​

  offset = width * 0.1;//random([0.1, 0.05, 0.025]);

  let hoff = offset / 2;

  let qoff = offset/3;

  let num_cells = width / offset;

  stroke(font_col2);

  fill(font_col2);

  strokeWeight(0.5*windowScale);

  for (let y = 0; y < height; y++) {

    let num = width * map(y, 0, height, 0.01, 0.1);

    for (let _ = 0; _ < num; _++) {

      if (random() > 0.99)

        ellipse(

          random(width),

          y + random(-2, 2)*windowScale,

          random(0.5, 2)*windowScale,

          random(0.5, 2)*windowScale

        );

      else point(random(width), y + random(-2, 2)*windowScale);

    }

  }

  drawingContext.shadowOffsetX = -5*windowScale;

  drawingContext.shadowOffsetY = -5*windowScale;

  drawingContext.shadowBlur = 10*windowScale;

  drawingContext.shadowColor = "black";

  noFill();

  rect(offset, offset, width - 2 * offset, height - 2 * offset, 10*windowScale);

​

  drawingContext.shadowColor = font_col2;

  strokeWeight(2.0*windowScale);

  textFont(font);

  textSize(offset);

  textAlign(LEFT, CENTER);

  txt = random(texts);

  let tw = textWidth(txt);

  text(txt, width - tw - (5*windowScale) - offset, height-2*offset+qoff);// (25*windowScale) - offset);

  drawingContext.shadowBlur = 0;

  let col = font_col;

  let _y = height-2*offset+qoff+(2*windowScale);

  for (let y = _y; y < height; y += random(1, 5)*windowScale) {

    col.setAlpha(map(y, _y, height, 80, 0));

    stroke(col);

    text(txt, width - tw - (5*windowScale) - offset, y);

  }

  drawingContext.shadowBlur = 10*windowScale;

  strokeWeight(1*windowScale);

​

  fill(font_col2);

  drawingContext.shadowColor = "black";

  rectMode(CENTER);

​

  font_col.setAlpha(255);

  stroke(font_col);

  let idx = 0;

  for (let y = offset; y < height - offset; y += offset) {

    for (let x = offset; x < width - offset; x += offset) {

      if (x < width - tw - 2*offset/*3 * offset*/ || y < height - 2 * offset) {

        if (random() > 0.9) noFill();

        // else if (random() > 0.9) fill(color(255,0,255,20));

        else {

          font_col2.setAlpha(map(idx,0,num_cells*num_cells, 80,0));

          fill(font_col2);

        }

        rect(x + hoff, y + hoff, hoff, hoff);//, 10*windowScale);

        if (random() > 0.8) {

          rect(x+qoff,y+qoff,hoff,hoff);

        }

        if (random() > 0.8) {

          rect(x, y, hoff, hoff);

        }

        idx++;

      }

    }

  }

}

​

function draw() {

  noLoop();

}

​