​

  constructor(x, y, w, h) {

    console.log(h);

    this.l = x - (w / 2);

    this.r = x + (w / 2);

​

    this.t = y - (h / 2);

    this.b = y + (h / 2);

​

    this.lsp = random(0, SPEED);

    this.rsp = random(-SPEED, 0);

    this.tsp = this.lsp;

    this.bsp = this.rsp;

​

    this.h = bg + 120;

    this.a = 0;

​

    this.x = 0;

    this.y = 0;

    this.yspeed = random(1) > 0.5 ? this.tsp: this.bsp;

​

  }

​

​

  run(l, r, t, b, p) {

    this.display();

    this.update(l, r, t, b);

​

  }

  update(l, r, t, b) {

    let bounded = this.bounded(l, r, t, b);

    if (this.a > 0.5) {

​

      this.l += this.lsp;

      this.r += this.rsp;

      this.t += this.tsp;

      this.b += this.bsp;

      this.h += 0.1;

      if (this.h > 360) this.h = 0;

​

      this.x += noise(frameCount * 0.001) - 0.5;

      this.y += noise(frameCount * 0.001 + 10) - 0.5;

​

    }

    this.a += 0.01;

  }

​

  bounded(l, r, t, b) {

    return {

      l: this.l <= l || this.l >= r,

      r: this.r <= l || this.r >= r,

      t: this.t <= t || this.t >= b,

      b: this.b <= t || this.b >= b

    }

​

  }

​

  dead(l, r, t, b) {

    let bounded = this.bounded(l, r, t, b);

    return this.t > this.b || this.l > this.r ||

      (this.l < 0 || this.l > width) && (this.r < 0 || this.r > width) && (this.t < 0 || this.t > height) && (this.b < 0 || this.b > height);

  }

​

  display() {

    //stroke('white');

    let w = this.r - this.l;

    let h = this.b - this.t;

    push();

    translate(this.x, this.y);

    image(white, this.l, this.t, w, h);

    fill(this.h, 100, 100, 0.875);

    beginShape();

    vertex(this.l, this.t);

    vertex(this.r, this.t);

    vertex(this.r, this.b);

    vertex(this.l, this.b);

    endShape(CLOSE);

    pop();

  }

​

​

​

​

​

​

​

}