let side;

​

let particles;

let globstep = 0;

let img, gfx;

​

function preload() {

  img = loadImage("who.png");

}

​

function drawShadow(b, g) {

  if (g == null) {

    drawingContext.shadowOffsetX = 3;

    drawingContext.shadowOffsetY = 3;

    drawingContext.shadowBlur = b;

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

  } 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 = 3;

      g.drawingContext.shadowOffsetY = 3;

      g.drawingContext.shadowBlur = b;

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

    }

  }

}

​

let min_w, max_w, max_h, min_h;

​

function setup() {

  createCanvas(2550, 3300);

  gfx = createGraphics(width, height);

  side = createGraphics(width, height);

  background(0);

​

  particles = [];

  min_w = width / 2 - 500;

  max_w = width / 2 + 500;

  min_h = 200;

  max_h = height - 500;

  let special = false;

  for (let i = 0; i < 1500; i++) {

    let c = color(255);

    let s = 0.5;

    let step = random(0.5, 20);

    let life = random(50, 250);

    // if (random() > 0.8 && !special) {

    //   special = true;

    //   c = color(120,0,120);//255,0,255);

    //   s = 25;

    //   step = 1;

    //   life = 500;

    // }

    particles.push({

      x: random(min_w, max_w),

      y: random(min_h, min_h + 50),

      step: step,

      lifestart: life,

      life: life,

      color: c,

      size: s,

      dir: true,

    });

​

    particles.push({

      x: random(min_w, max_w),

      y: height - random(min_h, min_h + 50),

      step: step,

      lifestart: life,

      life: life,

      color: c,

      size: s,

      dir: false,

    });

  }

}

​

function draw() {

  drawShadow(5, null);

​

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

    let p = particles[i];

    noStroke();

    p.color._array[3] = map(p.life, p.lifestart, 0, 1.0, 0.0);

    fill(p.color);

    square(p.x, p.y, p.size);

​

    if (globstep == 0) {

      if (p.dir) p.y += p.step;

      else p.y -= p.step;

      p.x += random(-3, 3);

    } else if (globstep == 1) {

      if (p.dir) p.x += p.step;

      else p.x -= p.step;

      p.y += random(-3, 3);

    }

​

    p.life--;

    if (p.life <= 0) particles.splice(i, 1);

  }

​

  side.noStroke();

  side.fill(20);

  side.rect(0, 0, width, o);

  side.rect(0, 0, o, height);

  side.rect(width - o, 0, o, height);

  side.rect(0, height - o, width, o);

  image(side, 0, 0);

​

  if (particles.length == 0 && globstep < 2) {

    globstep++;

​

    if (globstep == 1) {=

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

        let c = color(255);

        let s = 0.5;

        let step = random(0.5, 20);

        let life = random(50, 100);///250);

​

        let x = 200 + random(-50, 50);

        if (globstep == 2) x = width - x;

​

        particles.push({

          x: x,

          y: random(min_h, height - min_h),

          // y: random(min_h,max_h),//random(height - 400, height - 200), //random(200, 220),

          step: step,

          lifestart: life,

          life: life,

          color: c,

          size: s,

          dir: true,

        });

​

        particles.push({

          x: width - x,

          y: random(min_h, height - min_h),

          // y: random(min_h,max_h),//random(height - 400, height - 200), //random(200, 220),

          step: step,

          lifestart: life,

          life: life,

          color: c,

          size: s,

          dir: false,

        });

      }

    }

  } else if (globstep == 2) {

    // fill(color(255, 255, 255, 80));

    // noStroke();

    // rect(200, min_h, width - 400, height - 2 * min_h);

​

    push();

    imageMode(CENTER);

    translate(width / 2, height / 2);

    img.loadPixels();

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

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

        img.set(x,y,0);

      }

    }

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

      let x = int(random(img.width));

      let y = int(random(img.height));

      let c = img.get(x,y);

      let _j = random(100);

      for (let j = 0; j < _j; j++) {

        y--;

        let _c = color(c);

        _c._array[3] = map(j,0,_j,0.5,0.0);

        if (y <= 0) break;

        img.set(x,y,0);

        img.set(x,y,_c);

        for (let k = 0; k < random(2,15); k++) {

          if (random() > 0.8) {

            let _x = x + 1;

            if (_x >= width) break;

            img.set(_x,y,_c);

          }

        }        

      }

    }

    img.updatePixels();

​

    image(img, 0, 0);

    pop();

​

    console.log("dithering");

    dither(img);

​

    globstep++;

  } else if (globstep == 3) {

    stroke(255);

    fill(0, 255, 0);

    textSize(48);

    textAlign(LEFT);

​

    textFont("Rock3D");

    // text("frederative//2022", 5, 48);

    console.log("done");

    noLoop();

  }

}

​

// https://openprocessing.org/sketch/1192123

function index(_img, x, y) {

  return (x + y * _img.width) * 4;

}

​

function dither(_img) {

  _img.loadPixels();

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

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

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

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

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

​

      let factor = 1;

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

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

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

​

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

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

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

​

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

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

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

​

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

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

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

​

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

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

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

​

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

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

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

    }

  }

  _img.updatePixels();

  // image(img, 600, 0);

}

​