function setup() {

  createCanvas(1000, 1000); //, WEBGL);

  pixelDensity(1);

  gfx = createGraphics(width / 2, height);

​

  windowScale = width / 1000;

​

  background(220);

  gfx.background(20);

​

  let ps = [];

  for (let _ = 0; _ < 500 * windowScale /*0*/; _++) {

    let c = random(255);

    if (random() > 0.9) c = color(255, 0, 255);

    else if (random() > 0.5) c = color(random(255), random(255), random(255));

    ps.push({

      x: random(0, width / 2),

      y: random(0, height),

      col: c,

      life: random(20, 220) * windowScale,

    });

  }

​

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

​

  gfx.strokeWeight(windowScale);

​

  // celly

  let cellsize = gfx.width * 0.1;

  let txt = "remain indoors                ";

  let iter = 0;

  gfx.textSize(cellsize * 0.75);

  gfx.textFont("Arial");

  gfx.textAlign(CENTER, CENTER);

  for (let r = 0; r < gfx.height; r += cellsize) {

    for (let c = 0; c < gfx.width; c += cellsize) {

      if (random() > 0.3) {

        gfx.strokeWeight(windowScale);

        gfx.fill(

          random([

            color(random(255)),

            color(220, 0, 220, random(20, 180)),

            color(random(255), random(255), random(255)),

          ])

        );

      } else {

        gfx.strokeWeight(4 * windowScale);

        gfx.noFill();

      }

​

      gfx.rect(c, r, cellsize, cellsize);

​

      gfx.fill(color(0, 220, 0, 80));

      gfx.text(txt[iter], c + cellsize / 2 - 4, r + cellsize / 2 - 4);

      gfx.fill(220);

      gfx.text(txt[iter], c + cellsize / 2, r + cellsize / 2);

      iter++;

      if (iter > txt.length - 1) iter = 0;

    }

  }

​

  // shapey

  // gfx.beginShape(LINES);

  /*

  while (ps.length > 0) {

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

      let p = ps[i];

​

      // dotty

//       gfx.strokeWeight(windowScale * random(0.5, 5.0));

//       gfx.fill(color(p.col));

​

//       let w = windowScale * random(0.5, 5.0);

//       let h = windowScale * random(0.5, 5.0);

//       gfx.ellipse(p.x, p.y, w, h);

//       p.life = 0;

​

      gfx.stroke(color(p.col));

      gfx.point(p.x, p.y);

      p.y+= random(1,3)*windowScale;

      if (random() > 0.99) p.x += random(-1,1)*windowScale;

      // shapey

      // gfx.vertex(p.x, p.y);

      // let r = random();

      // if (r < 0.25) gfx.vertex(0, p.y);

      // else if ( r < 0.5) gfx.vertex(gfx.width, p.y);

      // else if (r < 0.75) gfx.vertex(p.x, 0);

      // else gfx.vertex(p.x, gfx.height);

      // liney

      // if (random() > 0.5) {

      //   gfx.line(p.x, p.y, gfx.width, p.y);

      // } else {

      //   gfx.line(p.x, p.y, 0, p.y)

      // }

​

      // part of dotty?

      // if (random() > 0.9) {

      //   gfx.strokeWeight(1 * windowScale);

      //   gfx.line(p.x, p.y - h / 2, width, p.y - h / 2);

      //   gfx.line(p.x, p.y + h / 2, width, p.y + h / 2);

      // }

​

      // random movement

      // p.x -= random(-2,2)*windowScale;

      // p.y += random(-2,2)*windowScale;

​

      //liney

      // p.x -= random(0, 2) * windowScale;

      // if (random() > 0.9) p.y += random(-2, 2) * windowScale;

​

      // vertical liney

      // p.y += random(-2,2)*windowScale;

      // if (random() > 0.9) p.x += random(-2,2) * windowScale;

​

      p.life--;

      if (

        p.x < 0 ||

        p.x > width / 2 - 1 ||

        p.y < 0 ||

        p.y > height - 1 ||

        p.life <= 0

      )

        ps.splice(i, 1);

    }

  }

  */

​

  // gfx.endShape();

  dither(gfx);

  image(gfx, 0, 0);

​

  push();

  // translate(width/2,0);

  scale(-1, 1);

  image(gfx, -width, 0);

  // image(gfx,width,0);

  pop();

​

  dither(null);

  // push();

  // noFill();

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

  // strokeWeight(4)

  // stroke(20,220,20)

  // sphere(width/4, 24, 24)

  // pop();

  noLoop();

}

​

function index(g, x, y) {

  if (g == null) return (x + y * width) * 4;

  else return (x + y * g.width) * 4;

}

​

function dither(g) {

  if (g == null) {

    loadPixels();

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

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

        let oldr = pixels[index(g, x, y)];

        let oldg = pixels[index(g, x, y) + 1];

        let oldb = pixels[index(g, x, y) + 2];

​

        let factor = 1.0;

        let newr = round((factor * oldr) / 255) * (255 / factor);

        let newg = round((factor * oldg) / 255) * (255 / factor);

        let newb = round((factor * oldb) / 255) * (255 / factor);

​

        pixels[index(g, x, y)] = newr;

        pixels[index(g, x, y) + 1] = newg;

        pixels[index(g, x, y) + 2] = newb;

​

        pixels[index(g, x + 1, y)] += ((oldr - newr) * 7) / 16.0;

        pixels[index(g, x + 1, y) + 1] += ((oldr - newr) * 7) / 16.0;

        pixels[index(g, x + 1, y) + 2] += ((oldr - newr) * 7) / 16.0;

​

        pixels[index(g, x - 1, y + 1)] += ((oldr - newr) * 3) / 16.0;

        pixels[index(g, x - 1, y + 1) + 1] += ((oldr - newr) * 3) / 16.0;

        pixels[index(g, x - 1, y + 1) + 2] += ((oldr - newr) * 3) / 16.0;

​

        pixels[index(g, x, y + 1)] += ((oldr - newr) * 5) / 16.0;

        pixels[index(g, x, y + 1) + 1] += ((oldr - newr) * 5) / 16.0;

        pixels[index(g, x, y + 1) + 2] += ((oldr - newr) * 5) / 16.0;

​

        pixels[index(g, x + 1, y + 1)] += ((oldr - newr) * 1) / 16.0;

        pixels[index(g, x + 1, y + 1) + 1] += ((oldr - newr) * 1) / 16.0;

        pixels[index(g, x + 1, y + 1) + 2] += ((oldr - newr) * 1) / 16.0;

      }

    }

    updatePixels();

  } else {

    g.loadPixels();

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

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

        let oldr = g.pixels[index(g, x, y)];

        let oldg = g.pixels[index(g, x, y) + 1];

        let oldb = g.pixels[index(g, x, y) + 2];

​

        let factor = 1.0;

        let newr = round((factor * oldr) / 255) * (255 / factor);

        let newg = round((factor * oldg) / 255) * (255 / factor);

        let newb = round((factor * oldb) / 255) * (255 / factor);

​

        g.pixels[index(g, x, y)] = newr;

        g.pixels[index(g, x, y) + 1] = newg;

        g.pixels[index(g, x, y) + 2] = newb;

​

        g.pixels[index(g, x + 1, y)] += ((oldr - newr) * 7) / 16.0;

        g.pixels[index(g, x + 1, y) + 1] += ((oldr - newr) * 7) / 16.0;

        g.pixels[index(g, x + 1, y) + 2] += ((oldr - newr) * 7) / 16.0;

​

        g.pixels[index(g, x - 1, y + 1)] += ((oldr - newr) * 3) / 16.0;

        g.pixels[index(g, x - 1, y + 1) + 1] += ((oldr - newr) * 3) / 16.0;

        g.pixels[index(g, x - 1, y + 1) + 2] += ((oldr - newr) * 3) / 16.0;

​

        g.pixels[index(g, x, y + 1)] += ((oldr - newr) * 5) / 16.0;

        g.pixels[index(g, x, y + 1) + 1] += ((oldr - newr) * 5) / 16.0;

        g.pixels[index(g, x, y + 1) + 2] += ((oldr - newr) * 5) / 16.0;

​

        g.pixels[index(g, x + 1, y + 1)] += ((oldr - newr) * 1) / 16.0;

        g.pixels[index(g, x + 1, y + 1) + 1] += ((oldr - newr) * 1) / 16.0;

        g.pixels[index(g, x + 1, y + 1) + 2] += ((oldr - newr) * 1) / 16.0;

      }

    }

    g.updatePixels();

  }

}

​

function draw() {

  // background(220);

}

​