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

No:40901

67

Make a game about making it to a helicopter and av..ALL
Developer User18253｜Date and time 24/2/4 14:24:08
Build time 12.703 sec｜Game capacity 3.737KB｜

Sure! Here's a simple game called "Zombie Escape" implemented as a single HTML file with JavaScript. It can be played on a smartphone and uses pictograms for visual representation. Please note that this is a simplified game and can be expanded further with additional features and functionalities.

Zombie Escape

Score: 0

In this game, the player is represented by an image of a person, the zombies are represented by another image, and the helicopter is represented by a third image. The player can click anywhere inside the game area to move left or right. The objective is to avoid the zombies and reach the top of the game area before colliding with a zombie. If the player collides with a zombie, it's game over. If the player reaches the top without any collisions, the player wins the game. The player's score is displayed at the top. Please make sure to replace the image sources (`emozi_all/player.png`, `emozi_all/zombie.png`, `emozi_rabbit.png`) with the actual image files in the same directory as the HTML file.

→ 　

0　

0　

[PR]現在の売れ筋アプリランキング

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

(C)2023 HisashiApp

Sure! Here's a simple game called "Zombie Escape" implemented as a single HTML file with JavaScript. It can be played on a smartphone and uses pictograms for visual representation. Please note that this is a simplified game and can be expanded further with additional features and functionalities.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Zombie Escape</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    #gameArea {
      width: 400px;
      height: 300px;
      border: 2px solid #000;
      margin: 0 auto;
      position: relative;
    }
    #player {
      position: absolute;
      bottom: 0;
    }
    #zombie {
      position: absolute;
      top: 0;
    }
    #helicopter {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      display: none;
    }
    #score {
      font-size: 18px;
      margin-top: 10px;
    }
  </style>
</head>
<body>
  <h1>Zombie Escape</h1>
  <div id="gameArea">
    <img id="player" src="player.png" width="50" height="50">
    <img id="zombie" src="zombie.png" width="50" height="50">
    <img id="helicopter" src="helicopter.png" width="100" height="100">
  </div>
  <p id="score">Score: 0</p>

<script>
    // Getting necessary elements
    var player = document.getElementById("player");
    var zombie = document.getElementById("zombie");
    var helicopter = document.getElementById("helicopter");
    var scoreElement = document.getElementById("score");

// Variables
    var score = 0;
    var gameArea = document.getElementById("gameArea");
    var gameAreaRect = gameArea.getBoundingClientRect();
    var playerRect = player.getBoundingClientRect();
    var zombieRect = zombie.getBoundingClientRect();

// Event listeners
    gameArea.addEventListener("click", movePlayer);

// Functions
    function movePlayer(event) {
      var clickX = event.clientX;
      var playerX = playerRect.left - gameAreaRect.left;

if (clickX < playerX) {
        player.style.left = "0";
      } else if (clickX > playerX + playerRect.width) {
        player.style.left = gameAreaRect.width - playerRect.width + "px";
      } else {
        player.style.left = clickX - gameAreaRect.left - (playerRect.width / 2) + "px";
      }

checkCollision();
    }

function checkCollision() {
      playerRect = player.getBoundingClientRect();
      zombieRect = zombie.getBoundingClientRect();

if (playerRect.bottom >= zombieRect.top) {
        gameOver();
      } else if (playerRect.top <= gameAreaRect.top) {
        winGame();
      }
    }

function gameOver() {
      alert("Game Over! Zombies got you!");
      resetGame();
    }

function winGame() {
      helicopter.style.display = "block";
      alert("Congratulations! You escaped the zombies and made it to the helicopter!");
      resetGame();
    }

function resetGame() {
      player.style.left = "175px";
      score = 0;
      scoreElement.innerHTML = "Score: " + score;
    }
  </script>
</body>
</html>
```

In this game, the player is represented by an image of a person, the zombies are represented by another image, and the helicopter is represented by a third image. The player can click anywhere inside the game area to move left or right. The objective is to avoid the zombies and reach the top of the game area before colliding with a zombie. If the player collides with a zombie, it's game over. If the player reaches the top without any collisions, the player wins the game. The player's score is displayed at the top.

Please make sure to replace the image sources (`player.png`, `zombie.png`, `helicopter.png`) with the actual image files in the same directory as the HTML file.