シューティングゲーム's game

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

No:49730

←

Prev Next

→

シューティングゲーム
Developer User21141｜Date and time 24/3/6 7:47:43
Build time 8.277 sec｜Game capacity 1.704KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Simple Shooting Game</title>
</head>
<body>
<canvas id="gameCanvas" width="800" height="600" style="border:1px solid black;"></canvas>

const player = {
  x: canvas.width / 2,
  y: canvas.height - 50,
  width: 20,
  height: 20,
  color: "blue",
  speed: 8
};

const bullets = [];
const bulletSpeed = 5;

let lastFire = Date.now();

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

// Draw player
  ctx.fillStyle = player.color;
  ctx.fillRect(player.x, player.y, player.width, player.height);

// Draw bullets
  bullets.forEach(bullet => {
    ctx.fillStyle = "red";
    ctx.fillRect(bullet.x, bullet.y, 5, 5);
    bullet.y -= bulletSpeed;
  });

// Remove bullets that go off-screen
  bullets.forEach((bullet, index) => {
    if (bullet.y < 0) {
      bullets.splice(index, 1);
    }
  });

requestAnimationFrame(update);
}

update();

</body>
</html>