​

let circles, particles;

let gfx, gfx2;

let yoff = 0.0;

​

function setup() {

  let maxStep = width / 2;

  createCanvas(1000, 1000);

  gfx = createGraphics(width, height);

  gfx2 = createGraphics(width, height);

  colors = [color("#00D0FF"), color("#F91D8B"), color("#81F400")];

  background(0);

​

  drawShadow(2, 2, 2, gfx2);

  circles = [];

  gfx2.noStroke();

  for (let i = 0; i < random(500); i++) {

    let c = random(colors);

    c._array[3] = random(1.0);

    gfx2.fill(c);

    let x = random(width);

    let y = random(height);

    let s = random(width / 2);

    gfx2.circle(x, y, s);

    circles.push({ x: x, y: y, s: s, c: c });

  }

​

  particles = [];

  gfx2.loadPixels();

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

    if (random() > 0.2) {

      let x = random(width);

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

​

      if (c[0] != 0 && c[1] != 0 && c[2] != 0) {

        c._array[3] = random(1.0);

        // if (c[0] != 0 && c[1] != 0) {

        particles.push({

          x: x,

          y: y,

          vx: 1.0,

          vy: 0.0,

          color: c,

          life: random(500),

        });

      }

    }

  }

  image(gfx2, 0, 0);

}

​

function draw() {

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

    let p = particles[i];

​

    p.x += p.vx;

    p.y += p.vy;

​

    // gfx.noStroke();

    gfx.stroke(p.color);

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

​

    if (random() > 0.999) {

      p.vx = random(-1.0, 1.0);

      p.vy = random(-1.0, 1.0);

    }

​

    p.life--;

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

  }

  image(gfx, 0, 0);

​

  if (particles.length == 0) {

    console.log("done");

​

    for (let i = 0; i < circles.length; i++) {

      noStroke();

      let _c = circles[i].c;

      _c._array[3] = random(0.01, 0.5);

      fill(_c);

      circle(circles[i].x, circles[i].y, circles[i].s);

    }

    let o = 10;

    noStroke();

    fill(120);

    rect(0,0,o,height);

    rect(0,0,width,o);

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

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

    noLoop();

  }

}

​

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

  if (g != null) {

    g.drawingContext.shadowOffsetX = x;

    g.drawingContext.shadowOffsetY = y;

    g.drawingContext.shadowBlur = b;

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

  } else {

    drawingContext.shadowOffsetX = x;

    drawingContext.shadowOffsetY = y;

    drawingContext.shadowBlur = b;

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

  }

}

​