Dodging a barrage of bullets's game

Click here for free DL of the app version that can save data.

No:11873

111

←

Prev Next

→

Dodging a barrage of bullets
Developer User4966｜Date and time 23/8/12 20:27:22
Build time 20.428 sec｜Game capacity 2.343KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
  <title>弾幕回避ゲーム</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

const player = {
      x: canvas.width / 2,
      y: canvas.height - 50,
      speed: 3,
      size: 25
    };

const bullets = [];
    let score = 0;

function drawPlayer() {
      ctx.fillStyle = "blue";
      ctx.fillRect(player.x - player.size / 2, player.y - player.size / 2, player.size, player.size);
    }

function drawBullets() {
      ctx.fillStyle = "red";
      bullets.forEach(bullet => {
        ctx.fillRect(bullet.x - 5, bullet.y - 5, 10, 10);
      });
    }

function shootBullet() {
      bullets.push({
        x: player.x,
        y: player.y - player.size / 2,
        speed: 5
      });
    }

function updateBullets() {
      bullets.forEach(bullet => {
        bullet.y -= bullet.speed;
      });

bullets.forEach((bullet, bulletIndex) => {
        if (bullet.y < 0) {
          bullets.splice(bulletIndex, 1);
        }
      });
    }

function updateScore() {
      ctx.font = "20px Arial";
      ctx.fillStyle = "black";
      ctx.fillText("Score: " + score, 10, 30);
    }

function updateGame() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

drawPlayer();
      drawBullets();
      updateBullets();
      checkCollision();
      updateScore();

requestAnimationFrame(updateGame);
    }

canvas.addEventListener("touchstart", shootBullet);
    window.addEventListener("touchmove", movePlayer);

updateGame();
  </script>
</body>
</html>