if (key == "s") {

    pix = [];

  }

}

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 img, img2, glitch;

​

let pix;

​

function preload() {

  img = loadImage("gravine.jpg");

  img2 = loadImage("gravine.jpg");

}

​

function setup() {

  createCanvas(2550, 3300);

  pix = [];

  // glitch = new Glitch();

  // loadImage("gravine.jpg", function (im) {

  //   glitch.loadImage(img);

  // });

​

  image(img, 0, 0);

​

  push();

  tint(0, 153, 204, 126);

  // tint(255,127);

  scale(1.2);

  image(img, 0, 0);

  pop();

​

  push();

  translate(width, 0);

  scale(-1, -1);

  img2.filter(POSTERIZE);

  image(img2, 0, 0);

  pop();

​

  loadPixels();

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

    let x = int(random(20, width - 20));

    let y = int(random(height - height / 3, height));

    let l = int(random(50, 250));

    let c = color(get(x, y));

    c._array[3] = random(0.1, 0.5);

    pix.push({ x: x, y: y, w: int(random(1, 5)), color: c, life: l, olife: l });

  }

}

​

function draw() {

  // noLoop();

  // background(220);

  noStroke();

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

    let p = pix[i];

    fill(p.color);

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

    p.y--;

    p.life--;

    if (p.life <= 0 || p.y < 0) {

      pix.splice(i, 1);

    }

  }

  if (pix.length == 0) {

    // fill(color(120,120,120,120));

    // noStroke();

    // rect(0,height/2-60,width,120);

​

    filter(ERODE);

    push();

    let g = createGraphics(width, height);

​

    drawShadow(5, g);

    g.fill(color(249, 215, 28, 150));

    g.noStroke();

    g.translate(width / 2, height / 4 + 350);

    g.circle(0, 0, height / 3);

    g.angleMode(RADIANS);

​

    let step = TWO_PI / 16;

    let r = height / 3 - 450;

    let i = 0;

    for (let theta = 0; theta < TWO_PI; theta += step) {

      let s = 100;

      if (i % 2 == 0) s = 50;

      g.circle(r * cos(theta), r * sin(theta), s);

      i++;

    }

    r += 150;

    i = 0;

    g.fill(color("#85C2B4"));

    step = TWO_PI / 64;

    for (let theta = 0; theta < TWO_PI; theta += step) {

      let s = 50;

      if (i % 2 == 0) s = 25;

      g.circle(r * cos(theta), r * sin(theta), s);

      i++;

    }

    // draw downward

    //TBD

    let gfx_img = g.get();

    // gfx_img.tint(255, 126);

​

    // gfx_img.filter(BLUR);

​

    dither(gfx_img);

​

    tint(255, 50);

    image(gfx_img, 0, 0);

    pop();

​

    push();

    tint(0, 153, 204, 126);

    tint(255, 35);

    scale(0.99);

    image(gfx_img, 0, 0);

    pop();

​

    loadPixels();

    for (let iter = 0; iter < 2500; iter++) {

      let _x = random(width / 2 - 1500, width / 2);

      let _y = random(height / 4 - 500, height / 4 + 900);

      let _life = random(50, 1300);

      let _col = color(get(_x, _y));

​

      if (

        _col._array[0] == 124 &&

        _col._array[1] == 198 &&

        _col._array[2] == 224

      )

        continue;

      else {

        let _s = random(0.5, 3);

        for (let jiter = 0; jiter < _life; jiter++) {

          noStroke();

          fill(_col);

          square(_x, _y, _s);

          _x++;

          if (_x >= width) break;

        }

      }

    }

    dither(null);

​

    let o = 20;

    fill(color(20, 20, 20, 150));

    noStroke();

    rect(0, 0, width, o);

    rect(0, o, o, height);

    rect(o, height - o, width, o);

    rect(width - o, o, o, height - o * 2);

​

    push();

    fill(255);

    textSize(40);

    // textAlign(CENTER,CENTER);

    textFont("Rock3D");

    strokeWeight(2);

    stroke(color(255,0,255));

    text("frederative//2022", 33, height-34);

    strokeWeight(1);

    stroke(color(0,255,0));

    text("frederative//2022", 35, height-36);

    pop();

    console.log("done");

    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) {

    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();

  } else {

    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();

  }

}

​