let w = 1450;

let h = 750;

let gun = [];

let img = [];

let th = 0;

let bullets;

let zombies;

let go = 0;

function setup() {

  createCanvas(w, h);

  gun.push(loadImage("assets/shotgun.png"));

  img.push(loadImage("assets/zombie.png"));

  img.push(loadImage("assets/bullet.png"));

  img.push(loadImage("assets/rock.png"))

  zombies = new wob("zombies");

  bullets = new wob("bullets");

  zombies.add(1, 0, -0.001);

  rocks = new wob("rocks")

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

    rocks.add(random(),2*PI*(2*random()-1),0)

  }

}

​

​

function draw() {

  background(220 * (1 - go));

  fill("rgb(35,177,223)");

  noStroke();

  rect(0, 0, w, h / 2);

  fill("rgb(45,184,45)");

  rect(0, h / 2, w, h / 2);

  noCursor();

  φ = φ + (keyIsDown(190) - keyIsDown(222)) / 60 + PI * (φ < -PI) - PI * (φ > PI);

  if (!go) {

    translate(w / 2, h);

    scale(1, -1);

    imageMode(CORNERS);

    th = atan((mouseX - w / 2) / (mouseY - h)) + PI / 16;

    zombies.update();

    bullets.update();

    rocks.update()

    push();

    rotate(PI + th);

    image(gun[0],-50 , 50, 50, -50);

    rotate(PI - th);

    pop();

  } else {

    fill(255);

    text("Game Over", 100, h / 2);

  }

}

class wob {

  constructor(t) {

    this.dis = [];

    this.ang = [];

    this.size = 10*(t=='bullets')+5*(t=='rocks')+(t=='zombies')

    this.type = t;

    this.vel = [];

  }

  add(z, t, v) {

    this.dis.push(z); //new vector(tan(t) * z * 100, h / 2)

    this.ang.push(t) + φ; //let r = sin(atan(1 / z / 100));

    this.vel.push(-0.001 * ((this.type=="zombies")-2*(this.type=='bullets')));

    //this.s.push(new vector(tan(t) * z * 100, h / 2));

  }

  del(i) {

    this.dis.splice(i, 1);

    //this.s.splice(i, 1);

    this.ang.splice(i, 1);

  }

  update() {

    strokeWeight(1);

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

      if (this.dis[i] + this.vel[i] > 0 && this.dis[i] <= 1) {

        if (this.type == "bullets") {

          this.collision(i, zombies);

        }else if(this.type =="zombies"){

          this.collision(i,rocks)

        }

        this.dis[i] += this.vel[i];

        let sy = (h / 2) * min(this.dis[i], 0.999);

        let s = (h / 2 - sy) / this.size;

        let sx = sign(this.ang[i])*tan(this.ang[i] - φ) * sy;

        push();

        let flip = 2 * (this.ang[i] > φ) - 1;

        scale(pow(flip, this.type == "zombies"), -1);

        //translate(flip*sx,-sy)

        //rotate(this.ang[i])

        image(img[(this.type == "bullets")+2*(this.type=="rocks")], flip*sx-s/2, s-sy, flip*sx+s/2, -sy);

        pop();

      } else {

        this.del(i);

        go = pow(0, this.type != "zombies");

      }

    }

  }

  collision(j, ob) {

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

      let a = abs(ob.dis[i] - this.dis[j] )< abs(this.vel[j]- ob.vel[i])

      let b = this.dis[j]>ob.dis[i]

      let c = abs(this.ang[j] - ob.ang[i])*this.dis[j] < 0.5;

      if (a&&c) {

        if(!b){

        this.del(j);

        ob.del(i);

        return c;

        } else if(b){

          this.vel[j]=0

        }

      }

    }

  }

}

function mousePressed() {

  bullets.add(0, atan((mouseX-w/2)/(h-mouseY)), 0.002);

  let r = random(1);

  if (r < 0.5) {

    zombies.add(1, 2 * PI * random() - PI, -0.001);

  }

}

function dis(x, y, z) {

  return sqrt(sq(x) + sq(y) + sq(z));

}

class vector {

  constructor(x, y, z) {

    this.x = x;

    this.y = y;

    this.z = z || 0;

  }

  mag() {

    return dis(this.x, this.y, this.z);

  }

  add(v) {

    this.x += v.x;

    this.y += v.y;

    this.z += v.z;

  }

  mult(k) {

    this.x *= k;

    this.y *= k;

    this.z *= k;

  }

}

function sign(x){

  return x/abs(x)||1

}