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

No:24128

Run away by spamming run button from a zombie
Developer User11311｜Date and time 23/11/6 1:56:23
Build time 76.804 sec｜Game capacity 3.474KB｜

Script

Sure! Here's an example of a simple zombie survival game implemented as a single HTML file using JavaScript and pictograms:

Zombie Survival

Please note that you would need to provide your own `emozi_all/player.png` and `emozi_all/zombie.png` pictogram images and update the image sources accordingly. The game works by allowing the player to move around using arrow keys and avoiding getting caught by the randomly moving zombie. If the player collides with the zombie, the game is over, while successfully escaping from the zombie leads to a victory message.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

Sure! Here's an example of a simple zombie survival game implemented as a single HTML file using JavaScript and pictograms:

```html
<!DOCTYPE html>
<html>
<body>
  <h1>Zombie Survival</h1>
  
  <canvas id="gameCanvas" width="400" height="400"></canvas>

// Player and zombie pictograms
    const playerImg = document.createElement("img");
    playerImg.src = "player.png";
    const zombieImg = document.createElement("img");
    zombieImg.src = "zombie.png";
    
    // Game variables
    let playerX = canvas.width / 2;
    let playerY = canvas.height / 2;
    let zombieX = Math.random() * canvas.width;
    let zombieY = Math.random() * canvas.height;

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

// Move the player based on arrow key input
    function movePlayer(event) {
      const key = event.keyCode;
      if (key === 37 && playerX > 0) { // Left arrow
        playerX -= 10;
      } else if (key === 39 && playerX < canvas.width - 32) { // Right arrow
        playerX += 10;
      } else if (key === 38 && playerY > 0) { // Up arrow
        playerY -= 10;
      } else if (key === 40 && playerY < canvas.height - 32) { // Down arrow
        playerY += 10;
      }

// Check if player collided with zombie
      if (playerX < zombieX + 32 &&
          playerX + 32 > zombieX &&
          playerY < zombieY + 32 &&
          playerY + 32 > zombieY) {
        alert("You got caught by the zombie! Game over.");
        resetGame();
      }
    }

// Game loop
    function gameLoop() {
      // Clear canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      
      // Draw player and zombie
      ctx.drawImage(playerImg, playerX, playerY, 32, 32);
      ctx.drawImage(zombieImg, zombieX, zombieY, 32, 32);
      
      // Move the zombie randomly
      const randomDirection = Math.floor(Math.random() * 4);
      if (randomDirection === 0 && zombieX > 0) { // Left
        zombieX -= 5;
      } else if (randomDirection === 1 && zombieX < canvas.width - 32) { // Right
        zombieX += 5;
      } else if (randomDirection === 2 && zombieY > 0) { // Up
        zombieY -= 5;
      } else if (randomDirection === 3 && zombieY < canvas.height - 32) { // Down
        zombieY += 5;
      }

// Check if player escaped from zombie
      if (playerX > zombieX + 32 ||
          playerX + 32 < zombieX ||
          playerY > zombieY + 32 ||
          playerY + 32 < zombieY) {
        alert("Congratulations! You escaped from the zombie!");
        resetGame();
      }

// Repeat game loop
      requestAnimationFrame(gameLoop);
    }

// Reset the game
    function resetGame() {
      playerX = canvas.width / 2;
      playerY = canvas.height / 2;
      zombieX = Math.random() * canvas.width;
      zombieY = Math.random() * canvas.height;
    }

// Start the game loop
    gameLoop();
  </script>
</body>
</html>
```

Please note that you would need to provide your own `player.png` and `zombie.png` pictogram images and update the image sources accordingly. The game works by allowing the player to move around using arrow keys and avoiding getting caught by the randomly moving zombie. If the player collides with the zombie, the game is over, while successfully escaping from the zombie leads to a victory message.