AI game creator

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

No:34267

102

←

Prev Next

→

Zombie chasing game
Developer User16202｜Date and time 24/1/9 20:37:46
Build time 17.281 sec｜Game capacity 2.932KB｜

Script

Sure! Here's an example of a simple zombie chasing game implemented as a single HTML file, using JavaScript and enclosed in script tags:

Player

In this game, you control the player using arrow keys on a smartphone. The player must avoid getting caught by the zombie. The zombie will start moving towards the player continuously until they collide. When a collision occurs, a "Game Over" message will be displayed, and the game loop will stop. The player and zombie are represented by pictogram images (replace `emozi_all/game.png` and `emozi_all/zombie.png` with the actual image filenames). Please note that the implementation above is just a basic example and can be expanded upon to add more features, levels, or enhancements based on your game design.

←

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 chasing game implemented as a single HTML file, using JavaScript and enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Zombie Chasing Game</title>
  <style>
    #player {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }

#zombie {
      position: absolute;
      top: 10%;
      left: 10%;
    }
  </style>
</head>
<body>
  <script>
    var player = document.getElementById("player");
    var zombie = document.getElementById("zombie");

var playerPos = { x: 50, y: 50 };
    var zombiePos = { x: 10, y: 10 };

function updatePlayerPosition(dx, dy) {
      playerPos.x += dx;
      playerPos.y += dy;
      player.style.left = playerPos.x + "%";
      player.style.top = playerPos.y + "%";
    }

function moveZombieTowardsPlayer() {
      var dx = playerPos.x - zombiePos.x;
      var dy = playerPos.y - zombiePos.y;

var distance = Math.sqrt(dx * dx + dy * dy);
      dx /= distance;
      dy /= distance;

zombiePos.x += dx;
      zombiePos.y += dy;
      zombie.style.left = zombiePos.x + "%";
      zombie.style.top = zombiePos.y + "%";
    }

function checkCollision() {
      var dx = playerPos.x - zombiePos.x;
      var dy = playerPos.y - zombiePos.y;

var distance = Math.sqrt(dx * dx + dy * dy);
      if (distance < 5) {
        alert("Game Over! The zombie caught you.");
        clearInterval(gameLoop);
      }
    }

checkCollision();
    });

var gameLoop = setInterval(function() {
      moveZombieTowardsPlayer();
      checkCollision();
    }, 100);
  </script>

<img id="player" src="player.png" width="50" height="50" alt="Player">
  <img id="zombie" src="zombie.png" width="50" height="50" alt="Zombie">
</body>
</html>
```

In this game, you control the player using arrow keys on a smartphone. The player must avoid getting caught by the zombie. The zombie will start moving towards the player continuously until they collide. When a collision occurs, a "Game Over" message will be displayed, and the game loop will stop. The player and zombie are represented by pictogram images (replace `player.png` and `zombie.png` with the actual image filenames).

Please note that the implementation above is just a basic example and can be expanded upon to add more features, levels, or enhancements based on your game design.