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

No:25192

Make a game about a soldier that has to go through..ALL
Developer User12285｜Date and time 23/11/19 1:54:15
Build time 103.105 sec｜Game capacity 3.774KB｜

Script

Sure! Here's an example of a simple game about a soldier navigating through an enemy base using JavaScript and HTML. Please note that this is a basic implementation and can be expanded upon and improved as per your requirements:

Enemy Base Escape

👮 👺 👺 👺

To play the game: 1. Copy the above code into a new HTML file (e.g., `enemy_base_escape.html`). 2. Open the HTML file in a web browser (preferably on a smartphone for touch-based interaction). 3. Use the arrow keys or swipe gestures to move the soldier (`👮`) through the enemy base, avoiding the enemy guards (`👺`). 4. If the soldier collides with an enemy guard, a "Game Over" message will be displayed, and the game will be reset. Feel free to enhance the game with additional features, levels, or improvements based on your preferences and requirements.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Enemy Base Escape</title>
  <style>
    body {
      text-align: center;
      background-color: #f2f2f2;
    }
    #game-container {
      margin: 20px auto;
      width: 400px;
      border: 1px solid black;
      padding: 10px;
      position: relative;
    }
    .character {
      position: absolute;
      font-size: 30px;
    }
    #player {
      top: 200px;
      left: 20px;
    }
    .enemy {
      color: red;
    }
  </style>
</head>
<body>
  <h1>Enemy Base Escape</h1>
  <div id="game-container">
    <span id="player" class="character">👮</span>
    <span class="enemy" style="top: 100px; left: 150px;">👺</span>
    <span class="enemy" style="top: 250px; left: 280px;">👺</span>
    <span class="enemy" style="top: 400px; left: 80px;">👺</span>
  </div>

// Define the game logic
    function playGame() {
      // Define the keycodes for player movement
      const KEY_UP = 38;
      const KEY_DOWN = 40;
      const KEY_LEFT = 37;
      const KEY_RIGHT = 39;

// Event listener to capture key presses for player movement
      document.addEventListener("keydown", function(event) {
        const key = event.keyCode;
        const playerTop = parseInt(player.style.top);
        const playerLeft = parseInt(player.style.left);
        
        // Move player based on key presses
        if (key === KEY_UP && playerTop > 0) {
          player.style.top = (playerTop - 10) + "px";
        } else if (key === KEY_DOWN && playerTop < 390) {
          player.style.top = (playerTop + 10) + "px";
        } else if (key === KEY_LEFT && playerLeft > 0) {
          player.style.left = (playerLeft - 10) + "px";
        } else if (key === KEY_RIGHT && playerLeft < 390) {
          player.style.left = (playerLeft + 10) + "px";
        }

// Check if the player collides with any enemies
        for (let i = 0; i < enemies.length; i++) {
          if (isColliding(player, enemies[i])) {
            gameOver();
            break;
          }
        }
      });
    }

// Function to check if two elements are colliding
    function isColliding(element1, element2) {
      const rect1 = element1.getBoundingClientRect();
      const rect2 = element2.getBoundingClientRect();
      return !(
        rect1.top > rect2.bottom ||
        rect1.right < rect2.left ||
        rect1.bottom < rect2.top ||
        rect1.left > rect2.right
      );
    }

// Function to handle game over scenario
    function gameOver() {
      alert("Game Over! You were caught by an enemy.");
      resetGame();
    }

// Function to reset the game
    function resetGame() {
      player.style.top = "200px";
      player.style.left = "20px";
    }

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

To play the game:
1. Copy the above code into a new HTML file (e.g., `enemy_base_escape.html`).
2. Open the HTML file in a web browser (preferably on a smartphone for touch-based interaction).
3. Use the arrow keys or swipe gestures to move the soldier (`👮`) through the enemy base, avoiding the enemy guards (`👺`).
4. If the soldier collides with an enemy guard, a "Game Over" message will be displayed, and the game will be reset.

Feel free to enhance the game with additional features, levels, or improvements based on your preferences and requirements.