Some one ate zombie fungus and started the zombie apocalypse's game

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

No:34242

←

Prev Next

→

Some one ate zombie fungus and started the zombie ..ALL
Developer User7580｜Date and time 24/1/9 6:14:45
Build time 29.31 sec｜Game capacity 3.386KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Zombie Apocalypse Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="480" height="320"></canvas>

// Defining the game variables
      let playerX = canvas.width / 2;
      let playerY = canvas.height - 30;

let zombies = [];
      let score = 0;

// Event listener for player movement
      document.addEventListener("keydown", movePlayer);

// Event listener for touch events on smartphone screens
      canvas.addEventListener("touchmove", function(event) {
        const touchX = event.touches[0].clientX;
        const touchY = event.touches[0].clientY;
        movePlayerMobile(touchX, touchY);
      });

// Function to handle player movement using arrow keys
      function movePlayer(event) {
        if (event.keyCode == 37) {
          playerX -= 5; // Move player left
        } else if (event.keyCode == 39) {
          playerX += 5; // Move player right
        }
      }

// Function to handle player movement on mobile devices
      function movePlayerMobile(touchX, touchY) {
        playerX = touchX - canvas.offsetLeft;
        playerY = touchY - canvas.offsetTop;
      }

// Function to create a new zombie
      function createZombie() {
        const zombie = {
          x: Math.random() * canvas.width,
          y: 0,
          speed: Math.random() * 3 + 1
        };
        zombies.push(zombie); // Add the zombie to the array of zombies
      }

// Function to update game objects and perform collision detection
      function updateGame() {
        context.clearRect(0, 0, canvas.width, canvas.height); // Clear the canvas

// Update player position
        context.fillStyle = "#FF0000"; // Red color for the player
        context.fillRect(playerX, playerY, 10, 10);

// Update zombies position
        context.fillStyle = "#000000"; // Black color for the zombies

for (let i = 0; i < zombies.length; i++) {
          zombies[i].y += zombies[i].speed;

// Check collision between player and zombies
          if (
            playerX < zombies[i].x + 10 &&
            playerX + 10 > zombies[i].x &&
            playerY < zombies[i].y + 10 &&
            playerY + 10 > zombies[i].y
          ) {
            // Zombie collision detected
            alert("Game Over!");
            document.location.reload();
          }

context.fillRect(zombies[i].x, zombies[i].y, 10, 10);

if (zombies[i].y > canvas.height) {
            // Zombie reached the bottom of the canvas
            zombies.splice(i, 1); // Remove the zombie from the array
            score++; // Increase the score
          }
        }

// Display the score
        context.fillStyle = "#000000"; // Black color for the score text
        context.font = "16px Arial";
        context.fillText("Score: " + score, 8, 20);

// Create a new zombie every 100 frames
        if (score % 100 === 0 && score !== 0) {
          createZombie();
        }

requestAnimationFrame(updateGame); // Loop the game
      }

updateGame(); // Start the game
    })();
  </script>
</body>
</html>