Star Catching Mini Game in HTML Canvas and JavaScript

7 Vanzylka0?V

ctx.font = "22px sans-serif";
  stars.forEach(function (s) {
    s.y += 3;
    ctx.fillText("⭐", s.x, s.y);
    // Caught it?
    if (s.y > 460 && s.x > player.x - 10 && s.x < player.x + player.w) {
      s.y = 999;
      score++;
      document.getElementById("score").textContent = "Score: " + score;
    }
  });
  stars = stars.filter(function (s) { return s.y < 520; });

// Draw the player
  ctx.fillStyle = "#10b3a4";
  ctx.fillRect(player.x, 470, player.w, 14);

requestAnimationFrame(loop);
}
loop();

Star Catching Mini Game in HTML Canvas and JavaScript

Recommended