let numcells = 40;

​

let grid;

let o;

​

let txt;

let txty;

function setup() {

  createCanvas(800, 800);

  o = width * 0.1;

  pixelDensity(1);

  colorMode(HSB, 256);

  noiseDetail(8, 0.5);

  txty = height+10;

​

  cellsize = ((numcells - 1) * o + 2 * o + width) / numcells;

​

  grid = [];

  let x = o;

  let y = o;

  for (let r = 0; r < numcells; r++) {

    grid[r] = [];

    x = o;

    for (let c = 0; c < numcells; c++) {

      grid[r][c] = { x: x, y: y };

      x += o + cellsize;

    }

    y += o + cellsize;

  }

  noStroke();

  frameRate(30);

   txt = [

  "Humankind has nothing to lose.","We are in the midst of a life-affirming awakening of complexity that will let us access the grid itself.","Our conversations with other mystics have led to an ennobling of ultra-pranic consciousness."];

}

​

function draw() {

  if (frameCount % 4 == 0) {

    background(40);

​

    for (let r = 0; r < numcells; r++) {

      for (let c = 0; c < numcells; c++) {

        let n = noise(r * 0.01, c * 0.01, frameCount * 0.01);

        let col = color(int(map(n, 0.0, 1.0, 0, 255)), 255, 255);

        fill(col);

        square(grid[r][c].x, grid[r][c].y, cellsize);

      }

    }

    fill(color(20,20,20,180));

    rect(width-290,0,290,height);

    fill(255)

    let y = 60;

    let x = width - 280;

    push();

    drawShadow(random(20),null);

    textWrap(CHAR);

    textAlign(CENTER,CENTER);

    textSize(24);

    text("[bs generator]", width-280,txty, 270);

    text(txt, width-280, txty+28, 270);

    txty -= 10;

    if (txty < -100) txty = height+10;

    drawShadow(0,null);

    pop();

    // for (let t of txt) {

    //   myText(t, x+280/2, y, 270);

    //   y += 36;

    // }

  }

}

​

// thanks to fxhash discord user cables.and.pixels for this!

function myText(t, x, y, width) {

  textSize(20);

  // textFont('serif');

  // textFont('monospace')

  let w = textWidth(t);

  textSize(20 * (width - width * .1) / w);

  textAlign(CENTER, CENTER);

  text(t, x, y);

}

​

function drawShadow(b, g) {

  if (g == null) {

    if (b == 0) {

      drawingContext.shadowOffsetX = 0;

      drawingContext.shadowOffsetY = 0;

      drawingContext.shadowBlur = 0;

      drawingContext.shadowColor = color(0); //"black";

    } else {

​

      drawingContext.shadowOffsetX = 0;

      drawingContext.shadowOffsetY = 0;

      drawingContext.shadowBlur = b;

      drawingContext.shadowColor = color(random(255));

    }

  } else {

    if (b == 0) {

      g.drawingContext.shadowOffsetX = 0;

      g.drawingContext.shadowOffsetY = 0;

      g.drawingContext.shadowBlur = 0;

      g.drawingContext.shadowColor = color(0); //"black";

    } else {

      g.drawingContext.shadowOffsetX = 0;

      g.drawingContext.shadowOffsetY = 0;

      g.drawingContext.shadowBlur = b;

      g.drawingContext.shadowColor = color(getRandomInt(0, 255), getRandomInt(0, 255), getRandomInt(0, 255)); //"black";

    }

  }

}

​