constructor() {

      this.r = 200; //size of the image

      this.x = 50;

      this.y = height - this.r;

      this.vy = 0; //velocity with which it goes up

      this.gravity = 2; //gravity with which it comes down

    }

    jump() {

      //jump only if its in the ground

      // if (this.y == height - this.r ){

        this.vy = -25; //velocity with which it jumps

       // }

    }

    hits(obs) {

      let x1 = this.x + this.r * 0.5;

      let y1 = this.y + this.r * 0.5;

      let x2 = obs.x + obs.w * 0.5;

      let y2 = obs.y + obs.h * 0.5;

      return collideCircleCircle(x1, y1, this.r, x2, y2, obs.w);

    }

    move() {

      this.y += this.vy; //reduces the height inturn makes the player move upwards

      this.vy += this.gravity; //adding gravity so that it comes down

      this.y = constrain(this.y, 0, height - this.r); 

    }

    show() {

      image(player, this.x, this.y + 50, this.r, this.r);

    }

  }