script.js

var canvas = document.getElementById('canvas').getContext("2d");

var bg = new Bg(0,0,500,900, "assets/bg.png")
var flower = new Flower(0,0,50,50, "assets/flower1.png")
var bg2 = new Bg(0,-900,500,900, "assets/bg.png")
var bee = new Bee(200,800,100,80, "assets/bee1.png");
var spider = new Spider(100,100,50,50, "assets/spider1.png");

var text_points = new Text();
var text_lifes = new Text();
var gameovertxt = new Text();

var play = true;

document.addEventListener("keydown", function(event){
  if (event.key === "a"){
    bee.dir = -4;
  }
  if (event.key === "d"){
    bee.dir = 4;
  }
});

document.addEventListener("keyup", function(event){
  if (event.key === "a"){
    bee.dir = 0;
  }
  if (event.key === "d"){
    bee.dir = 0;
  }
});

function collides() {
  if (bee.collide(spider)){
    spider.respaw();
    bee.lifes -= 1;
  }
  if (bee.collide(flower)){
    flower.respaw();
    bee.points += 1;
  }
}

function gameover(){
  if(bee.lifes <= 0){
    play = false;
  }
}

function draw() {
  bg.draw();
  bg2.draw();
  if(play){
    bee.draw();
    spider.draw();
    flower.draw();
    text_points.draw(bee.points, 450, 50, "white");
    text_lifes.draw(bee.lifes, 30, 50, "red");
  }else{
    gameovertxt.draw("GAME OVER", 120, 450, "black");
  }
}
function update() {
  bg.move(3, 900, 0);
  bg2.move(3, 0, -900);
  if(play){
    bee.move();
    bee.animation("bee", 4);
    spider.move();
    spider.animation("spider", 4);
    flower.move();
    flower.animation("flower", 2);
    collides();
    gameover();
  }
}

function main() {
  canvas.clearRect(0,0,500,900);
  update();
  draw();
}

setInterval(main, 10);