Auto shoot,move space invaders idle's game

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

No:47432

←

Prev Next

→

Auto shoot,move space invaders idle
Developer User18896｜Date and time 24/2/28 3:13:50
Build time 9.587 sec｜Game capacity 1.41KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
<head>
<title>Space Invaders Game</title>
<style>
canvas {
  display: block;
  margin: 0 auto;
  border: 1px solid black;
}
</style>
</head>
<body>
<canvas id="gameCanvas" width="800" height="600"></canvas>
<script>
const canvas = document.getElementById('gameCanvas');
const ctx = canvas.getContext('2d');

let player = {
  x: canvas.width / 2,
  y: canvas.height - 30,
  width: 40,
  height: 20,
  color: 'blue',
  speed: 5
};

function drawPlayer() {
  ctx.fillStyle = player.color;
  ctx.fillRect(player.x, player.y, player.width, player.height);
}

function drawInvaders() {
  invaders.forEach(invader => {
    ctx.fillStyle = invader.color;
    ctx.fillRect(invader.x, invader.y, invader.width, invader.height);
  });
}

function gameLoop() {
  ctx.clearRect(0, 0, canvas.width, canvas.height);
  
  drawPlayer();
  drawInvaders();
  moveInvaders();
  
  requestAnimationFrame(gameLoop);
}

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