make a game similar to the game with tge name "mini dayz"'s game

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

No:47025

←

Prev Next

→

make a game similar to the game with tge name "min..ALL
Developer User20375｜Date and time 24/2/27 6:18:00
Build time 7.128 sec｜Game capacity 2.015KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
  <head>
    <title>Mini Zombie Survival Game</title>
  </head>
  <body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
    <script>
      const canvas = document.getElementById('gameCanvas');
      const ctx = canvas.getContext('2d');
      
      // Player variables
      let playerX = 50;
      let playerY = 50;
      let playerSpeed = 5;
      let playerSize = 20;
      
      // Zombie variables
      let zombieX = 600;
      let zombieY = 400;
      let zombieSpeed = 2;
      let zombieSize = 20;
      
      function drawPlayer() {
        ctx.fillStyle = 'blue';
        ctx.fillRect(playerX, playerY, playerSize, playerSize);
      }
      
      function drawZombie() {
        ctx.fillStyle = 'green';
        ctx.fillRect(zombieX, zombieY, zombieSize, zombieSize);
      }
      
      function checkCollision() {
        if (playerX < zombieX + zombieSize &&
           playerX + playerSize > zombieX &&
           playerY < zombieY + zombieSize &&
           playerY + playerSize > zombieY) {
          alert('Game Over! You were eaten by a zombie.');
          location.reload();
        }
      }
      
      function updateGame() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        
        drawPlayer();
        drawZombie();
        checkCollision();
        
        if (playerX < zombieX) zombieX -= zombieSpeed;
        if (playerX > zombieX) zombieX += zombieSpeed;
        if (playerY < zombieY) zombieY -= zombieSpeed;
        if (playerY > zombieY) zombieY += zombieSpeed;
        
        requestAnimationFrame(updateGame);
      }
      
      document.addEventListener('keydown', function(event) {
        if (event.key === 'ArrowUp') playerY -= playerSpeed;
        if (event.key === 'ArrowDown') playerY += playerSpeed;
        if (event.key === 'ArrowLeft') playerX -= playerSpeed;
        if (event.key === 'ArrowRight') playerX += playerSpeed;
      });
      
      updateGame();
      
    </script>
  </body>
</html>