let gfx;

const Y_AXIS = 1;

const X_AXIS = 2;

​

let grid;

let ptsize;

let chars = ["*", "+", "-", "/", "\\", ",", "•"];

​

function setup() {

  createCanvas(3000, 3000);

  gfx = createGraphics(width / 2, height);

  setGradient(

    0,

    0,

    gfx.width,

    gfx.height,

    color(random(palette)),

    color(random(palette)),

    Y_AXIS,

    gfx

  );

​

  ptsize = int(gfx.width * 0.01);

  let numcells = int(gfx.height / ptsize);

  gfx.textSize(ptsize * 1.5);

  gfx.textAlign(CENTER, CENTER);

​

  grid = [];

  let x = 0;

  let y = 0;

  gfx.noStroke();

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

    grid[r] = [];

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

      // let n = noise(c * 0.1, r * 0.1);

      let n = randomGaussian(3);

      n = constrain(n, -3, 3);

      n = map(n, -3, 3, 0, 1);

​

      let idx = int(map(n, 0.0, 1.0, 0, palette.length - 1));

      idx = constrain(idx, 0, palette.length - 1);

​

      let b = map(n, 0.0, 1.0, 0, 20);

      drawShadow(0, 0, b, random(palette), gfx);

​

      grid[r][c] = idx;

​

      let tidx = int(map(n, 0.0, 1.0, 0, chars.length - 1));

      tidx = constrain(tidx, 0, chars.length - 1);

​

      if (random() > 0.8) gfx.textSize(ptsize * 3.0)

      else gfx.textSize(ptsize * 1.5);

      gfx.fill(color(palette[idx]));

      gfx.text(chars[tidx], x, y);

​

      x += ptsize;

    }

    y += ptsize;

    x = 0;

  }

​

  image(gfx, 0, 0);

  push();

  translate(width,0);

  scale(-1,1);

  image(gfx, 0, 0);

  pop();

​

  noLoop();

}

​

function draw() {

  // background(220);

}

​

function setGradient(x, y, w, h, c1, c2, axis, g) {

  noFill();

​

  if (axis === Y_AXIS) {

    // Top to bottom gradient

    for (let i = y; i <= y + h; i++) {

      let inter = map(i, y, y + h, 0, 1);

      let c = lerpColor(c1, c2, inter);

      g.stroke(c);

      g.line(x, i, x + w, i);

    }

  } else if (axis === X_AXIS) {

    // Left to right gradient

    for (let i = x; i <= x + w; i++) {

      let inter = map(i, x, x + w, 0, 1);

      let c = lerpColor(c1, c2, inter);

      g.stroke(c);

      g.line(i, y, i, y + h);

    }

  }

}

​

function drawShadow(x, y, b, c, g) {

  g.drawingContext.shadowOffsetX = x;

  g.drawingContext.shadowOffsetY = y;

  g.drawingContext.shadowBlur = b;

  g.drawingContext.shadowColor = c;

}

​