let mid_x, mid_y;

let grid;

​

let colors;

let particles = [];

let paused;

​

function keyPressed() {

  if (key === " ") paused = !paused;

  if (key === "C") {

    paused = true;

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

      if (particles[i].t === "up")

        particles.splice(i, 1);

    }

    console.log("culled - press space to continue");

  }

}

class Particle {

  constructor(t, x, y, a, b) {

    this.t = t;

    this.position = createVector(x, y);

    this.velocity = createVector(a, b);

​

    if (this.t === "down") this.color = colors[0];

    //random(100,255);

    else this.color = colors[2];

  }

​

  update() {

    if (this.t === "down)")

      this.color._array[3] =

        map(this.position.y, 255, 0, mid_y + 50, height) / 255;

    else

      this.color._array[3] = map(this.position.y, 255, 0, mid_y - 50, 0) / 255;

    // _c._array[3] = random(120, 200) / 255;

​

    this.position.x += this.velocity.x;

    this.position.y += this.velocity.y;

  }

  draw() {

    noStroke();

    fill(this.color);

    circle(this.position.x, this.position.y, 1);

  }

}

​

function setup() {

  angleMode(RADIANS);

  pixelDensity(1);

  randomSeed(1);

  let numObstacles = 1500;//*5;//1500;

  let numParticles = 7200*5;//5000;

  paused = false;

​

  colors = [

    color("#D24858"),

    color("#EA8676"),

    color("#FDEECD"),

    color("#493831"),

    color("#EAB05E "),

  ];

​

  createCanvas(7200, 7200);//600, 600);

  // createCanvas(1000, 1000);

​

  mid_x = width / 2;

  mid_y = height / 2;

​

  background(color(120, 180, 150));

​

  // circle

  noStroke();

​

  for (let i = 0; i < 1; i++) {//25; i++) {

    let _x = random(150, width - 150);

    let _y = random(150, mid_y - 150);

​

    noStroke();

    fill(colors[0]);

    circle(_x, _y, 10*100*3);

    fill(255);

    circle(_x - 10*25*3, _y - 10*25*3, 10*15*3);

    circle(_x + 10*25*3, _y - 10*2*35, 10*15*3);

​

    if (random() > 0.5) {

      beginShape();

      curveVertex(_x -  10*25*3, _y + 10*5*3);

      curveVertex(_x + 10*25*3, _y +10* 5*3);

      curveVertex(_x + 10*5*3, _y +10* 20*3);

      endShape(CLOSE);

    } else {

      // noFill();

      stroke(255);

      bezier(

        _x - 25*3,

        _y - 5*3,

        _x + 50*3,

        _y + 5*3,

        _x + 5*3,

        _y + 20*3,

        _x - 25*3,

        _y + 5*3

      );

    }

  }

  //   circle(mid_x, 300, 100);

  //   fill(255);

  //   circle(mid_x-25, 275, 15);

  //   circle(mid_x+25, 275, 15);

​

  //   circle(mid_x, mid_y, 400);

​

  //   for (let i = 0; i < 4; i++) {

  //     circle(random(200, width-200), random(0, mid_y-200), random(50, 200));

  //   }

​

  // stipple

​

  // stroke(120);

  // line(0, mid_y, width, mid_y);

​

  // bottom

  noStroke();

  fill(0);

  rect(0, mid_y, width, mid_y);

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

    fill(1);

    noStroke();

    circle(random(width), random(mid_y + 10, height), random(30, 80)); //10); //random(10,20));

  }

​

  for (let i = 0; i < numParticles / 16; i++) {

    particles.push(

      new Particle(

        "down",

        random(width),

        random(mid_y - 15, mid_y + 15),

        random(-0.5, 0.5),

        random(0.5, 1)

      )

    );

  }

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

    particles.push(

      new Particle(

        "up",

        random(width),

        random(mid_y - 15, mid_y + 15), //mid_y,

        random(-0.5, 0.5),

        random(-0.5, -1)

      )

    );

  }

}

​

function draw() {

  if (!paused) {

    loadPixels();

    let PLEN = particles.length - 1;

    if (PLEN > 10)

      PLEN /= 2;

    for (let i = int(PLEN); i >= 0; i--) {

      let p = particles[i];

​

      p.update();

      p.draw();

​

      let _x = int(p.position.x);

      let _y = int(p.position.y);

      let _next_x = int(p.position.x + p.velocity.x);

      let _next_y = int(p.position.y + p.velocity.y);

​

      let off = (_next_y * width + _next_x) * 1 * 4;

​

      if (p.t === "down") {

        if (pixels[off] == 1 && pixels[off + 1] == 1 && pixels[off + 2] == 1) {

          p.velocity.x = shuffle([-1, 1])[0];

          p.velocity.y = 0;

        } else {

          p.velocity.x = 0;

          p.velocity.y = random(0.5, 1);

        }

      } else {

        if (

          pixels[off] == 210 &&

          pixels[off + 1] == 72 &&

          pixels[off + 2] == 88

        ) {

          let _g = p.color._array[3];

          p.color = colors[2];

          p.color._array[3] = _g;

          p.velocity.x = shuffle([-1, 1])[0];

          p.velocity.y = 0;

        } else {

          let _g = p.color._array[3];

          p.color = color(0);

          p.color._array[3] = _g;

          p.velocity.x = 0;

          p.velocity.y = random(-0.5, -1);

        }

      }

​

      if (

        p.position.x < 0 ||

        p.position.x > width ||

        p.position.y < 0 ||

        p.position.y > height

      )

        particles.splice(i, 1);

      if (particles.length == 0) {

        console.log("done");

        noLoop();

      }

    }

  }

}

​