let particles;

let border;

​

function preload() {

  font = loadFont("FiraCode.ttf");

}

​

function getPixelID(x, y, g) {

  let _density;

  if (g == null) _density = pixelDensity();

  else _density = g.pixelDensity();

​

  const idx = 4 * _density * (int(y) * _density * width + int(x));

  return idx;

}

function setup() {

  createCanvas(1000, 1000);

  pixelDensity(1);

​

  let gfx = createGraphics(width, height);

  gfx.pixelDensity(1);

​

  gfx.background(0);

  gfx.fill(255);

​

  background(20);

  stroke(220);

  fill(220);

​

  // textFont(font);

  // textSize(128);

  // textAlign(CENTER, CENTER);

  // translate(width / 2, height / 2);

​

  gfx.textFont(font);

  gfx.textSize(128);

  gfx.textAlign(CENTER, CENTER);

  gfx.translate(width / 2, height / 2);

​

  // text("01-01-24", 0, 0);

​

  gfx.text("01-01-24", 0, 0);

  gfx.translate(-width / 2, -height / 2);

​

  rectMode(CENTER);

  noFill();

​

  // translate(-width / 2, -height / 2);

​

  particles = [];

  targets = [];

​

  // populate targets

  gfx.loadPixels();

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

    for (let x = 0; x < width; x++) {

      let idx = getPixelID(x, y, gfx);

​

      if (

        gfx.pixels[idx] == 255 &&

        gfx.pixels[idx + 1] == 255 &&

        gfx.pixels[idx + 2] == 255

      )

        targets.push({ x: x, y: y });

    }

  }

​

  border = width * 0.05;

  rect(width / 2, height / 2, width - 2 * border, height - 2 * border);

​

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

    let x, y;

    if (random() > 0.5) {

      // horiz

      x = random(border, width - border);

      y = random([border, height - border]);

    } else {

      // vert

      x = random([border, width - border]);

      y = random(border, height - border);

    }

    let target = random(targets);

​

    particles.push({

      x: x,

      y: y,

      easing: random(0.005, 0.01),

      target: target,

      max_dist: dist(x, y, target.x, target.y)

    });

  }

}

​

function draw() {

  loadPixels();

  for (let i = particles.length - 1; i >= 0; i--) {

    let p = particles[i];

​

    const idx = getPixelID(int(p.x), int(p.y), null);

    const d = dist(p.x, p.y, p.target.x, p.target.y);

    let c = map(d, p.max_dist/2, 2, 20, 220);

​

    pixels[idx] = c;

    pixels[idx + 1] = c;

    pixels[idx + 2] = c;

    if (d < 2) {

      particles.splice(i, 1);

    }

​

    let dx = p.target.x - p.x;

    p.x += dx * p.easing;

    let dy = p.target.y - p.y;

    p.y += dy * p.easing;

  }

  updatePixels();

​

  if (particles.length == 0) {

    console.log("done");

    noLoop();

    // saveGif("genuary1.gif", 20);

  }

}

​