Press space to run from a zombie for 30 seconds's game

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

No:39238

←

Prev Next

→

Press space to run from a zombie for 30 seconds
Developer User17554｜Date and time 24/1/27 10:02:00
Build time 12.261 sec｜Game capacity 3.168KB｜

Script

Sure, here's a simple game where you can play as a character running away from a zombie for 30 seconds. The game will be implemented as a single HTML file, enclosed in script tags, and written in JavaScript. Please note that this is a basic implementation and not a full-fledged game. HTML code:

To play the game, save the HTML code as a `.html` file, and open it in a web browser, preferably on a smartphone. The game will start automatically, and you can use the arrow keys or other controls (you can implement them in the `handleKeyPress` function) to control the player and avoid being caught by the zombie for 30 seconds. If the player survives for 30 seconds, you win, and if the player gets caught by the zombie, the game will end.

←

Prev　Next

→ 　

Back　

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

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

HTML code:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Run from the Zombie Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  
  <script>
    // Game variables
    var canvas, context;
    var player, zombie;
    var startTime, currentTime;

// Define the player and zombie objects
    function Character(x, y, speed, imageSrc) {
      this.x = x;
      this.y = y;
      this.speed = speed;
      this.image = new Image();
      this.image.src = imageSrc;
    }

// Initialize the game
    function initGame() {
      canvas = document.getElementById("gameCanvas");
      context = canvas.getContext("2d");
      player = new Character(200, 200, 5, "player.png");
      zombie = new Character(0, 0, 3, "zombie.png");
      startTime = Date.now();

// Register key events
      document.addEventListener("keydown", handleKeyPress);
      
      // Start the game loop
      gameLoop();
    }

// Handle key press events
    function handleKeyPress(e) {
      e.preventDefault();
      // Here you can implement additional controls if needed
    }

// Update game state
    function update() {
      currentTime = Date.now();
      var elapsedTime = (currentTime - startTime) / 1000;

// Move the player and zombie
      player.x += player.speed;
      zombie.x += zombie.speed;

// Check if the player has escaped
      if (elapsedTime >= 30) {
        clearInterval(gameInterval);
        alert("You survived for 30 seconds. You win!");
        window.location.reload(true);
      }

// Check if the player has been caught by the zombie
      if (player.x < zombie.x + 20 && player.x + 20 > zombie.x && player.y < zombie.y + 20 && player.y + 20 > zombie.y) {
        clearInterval(gameInterval);
        alert("You were caught by the zombie. Game over!");
        window.location.reload(true);
      }
    }

// Render game objects on the canvas
    function render() {
      // Clear the canvas
      context.clearRect(0, 0, canvas.width, canvas.height);

// Draw the player and zombie
      context.drawImage(player.image, player.x, player.y, 20, 20);
      context.drawImage(zombie.image, zombie.x, zombie.y, 20, 20);
    }

// Game loop
    function gameLoop() {
      update();
      render();
    }

// Start the game when the window loads
    window.onload = function() {
      initGame();
    };
  </script>
</body>
</html>
```