cactus.js

class Cactus {
  constructor(size) {
    this.aspectRatio = 312 / 892;
    const maxSize = raptor.h * 0.6;
    this.h = maxSize; // min(size * this.aspectRatio, maxSize);
    this.w = this.h * this.aspectRatio;

    this.x = window.innerWidth;
    this.y = GROUND - this.h;
  }
  collisionPolygon() {
    const points = [
      { x: this.x + this.w, y: this.y + this.h * 0.28 },
      { x: this.x + this.w * 0.7, y: this.y + this.h * 0.28 },
      { x: this.x + this.w * 0.7, y: this.y },
      { x: this.x + this.w * 0.35, y: this.y },
      { x: this.x + this.w * 0.35, y: this.y + this.h * 0.43 },
      { x: this.x, y: this.y + this.h * 0.43 },
      { x: this.x, y: this.y + this.h },
      { x: this.x + this.w, y: this.y + this.h },
    ];
    return points;
  }
  debugPolygon() {
    beginShape();
    this.collisionPolygon().forEach(({ x, y }) => {
      vertex(x, y);
    });
    endShape(CLOSE);
  }

  update() {
    this.x -= BACKGROUND_VELOCITY * (width / 1000);
  }
}

function getNewMinWidth() {
  return raptor.w * 1.5 + Math.floor(Math.random() * raptor.w * 10);
}

class Cactuses {
  constructor(img) {
    this.img = img;
    this.cactuses = [];
  }
  get minWidthToSpawnNewCactus() {
    return getNewMinWidth();
  }

  addCactus() {
    const lastCactus = this.cactuses[this.cactuses.length - 1];
    if (lastCactus) {
      const distanceToLastCactus = window.innerWidth - lastCactus.x;
      if (distanceToLastCactus >= this.minWidthToSpawnNewCactus) {
        const randomSize = Math.floor(Math.random() * 30) + 10;
        this.cactuses.push(new Cactus(randomSize));
        BACKGROUND_VELOCITY += 0.1;
      }
    } else {
      const randomSize = Math.floor(Math.random() * 30) + 10;
      this.cactuses.push(new Cactus(randomSize));
    }
  }
  update() {
    cactuses.addCactus();

    for (let cactus of this.cactuses) {
      cactus.update();
      image(this.img, cactus.x, cactus.y, cactus.w, cactus.h);
    }

    this.cactuses = this.cactuses.filter((cactus) => {
      const outOfScreen = cactus.x < 0 - cactus.w;
      if (outOfScreen) {
        score++;
        return false;
      }
      return true;
    });
  }
}