Arcade style shooter game zombie's game

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

No:52423

203

←

Prev Next

→

Arcade style shooter game zombie
Developer Winnerweiner2113｜Date and time 24/3/22 7:15:23
Build time 15.174 sec｜Game capacity 2.039KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<html>
  <head>
    <title>Zombie Shooter Game</title>
  </head>
  <body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
    <script>
      const canvas = document.getElementById("gameCanvas");
      const ctx = canvas.getContext("2d");

let playerX = canvas.width / 2;
      let playerY = canvas.height - 50;
      let zombies = [];

function drawPlayer() {
        ctx.fillStyle = "#ff0000";
        ctx.fillRect(playerX, playerY, 20, 20);
      }

function drawZombies() {
        for (let zombie of zombies) {
          ctx.fillStyle = "#00ff00";
          ctx.fillRect(zombie.x, zombie.y, 20, 20);
        }
      }

function movePlayer(e) {
        if (e.key === "ArrowLeft" && playerX > 0) {
          playerX -= 10;
        } else if (e.key === "ArrowRight" && playerX < canvas.width - 20) {
          playerX += 10;
        }
      }

function checkCollision() {
        for (let zombie of zombies) {
          if (
            zombie.x < playerX + 20 &&
            zombie.x + 20 > playerX &&
            zombie.y < playerY + 20 &&
            zombie.y + 20 > playerY
          ) {
            alert("GAME OVER!");
            location.reload();
          }
        }
      }

function gameLoop() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        drawPlayer();
        drawZombies();
        moveZombies();
        checkCollision();
        requestAnimationFrame(gameLoop);
      }

for (let i = 0; i < 5; i++) {
        zombies.push({
          x: Math.floor(Math.random() * (canvas.width - 20)),
          y: Math.floor(Math.random() * (canvas.height - 20)),
        });
      }

document.addEventListener("keydown", movePlayer);
      gameLoop();
    </script>
  </body>
</html>