maze with person that you control enemy with closets you hide in's game

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

No:31739

←

Prev Next

→

maze with person that you control enemy with close..ALL
Developer User15107｜Date and time 23/12/28 8:22:18
Build time 37.046 sec｜Game capacity 3.677KB｜

Script

Sure! Here's an example of a simple maze game implemented as a single HTML file using JavaScript:

In this game, you control the player (represented by a blue square) using the arrow keys on your smartphone. The objective is to find the "closet" (represented by a green square) while avoiding the enemy (represented by a red square). You can hide from the enemy by moving into the closet. If you get caught by the enemy, the game will be over and you can reset it to start again. Once you find the closet, you will be alerted with a 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 maze game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    #maze {
      width: 400px;
      height: 400px;
      background-color: #eee;
      position: relative;
    }

.tile {
      width: 20px;
      height: 20px;
      background-color: #bbb;
      border: 1px solid #ccc;
      position: absolute;
    }

#player {
      background-color: #00f;
    }

#enemy {
      background-color: #f00;
    }

#closet {
      background-color: #0f0;
    }
  </style>
</head>
<body>
  <div id="maze"></div>

// Function to redraw the maze
    function drawMaze() {
      var mazeElement = document.getElementById("maze");
      mazeElement.innerHTML = "";

for (var i = 0; i < maze.length; i++) {
        for (var j = 0; j < maze[i].length; j++) {
          var tile = document.createElement("div");
          tile.className = "tile";

if (i === player.y && j === player.x) {
            tile.id = "player";
          } else if (i === enemy.y && j === enemy.x) {
            tile.id = "enemy";
          } else if (i === closet.y && j === closet.x) {
            tile.id = "closet";
          }

mazeElement.appendChild(tile);
        }
      }
    }

// Function to handle keyboard input
    function handleKeyDown(event) {
      var keyPressed = event.keyCode;

// Move player based on arrow key pressed
      switch (keyPressed) {
        case 37: // Left
          if (maze[player.y][player.x - 1] !== 1) {
            player.x--;
          }
          break;
        case 38: // Up
          if (maze[player.y - 1][player.x] !== 1) {
            player.y--;
          }
          break;
        case 39: // Right
          if (maze[player.y][player.x + 1] !== 1) {
            player.x++;
          }
          break;
        case 40: // Down
          if (maze[player.y + 1][player.x] !== 1) {
            player.y++;
          }
          break;
      }

// Check if player has reached the closet
      if (player.x === closet.x && player.y === closet.y) {
        alert("Congratulations! You found the closet!");
      }

// Check if player has been caught by the enemy
      if (player.x === enemy.x && player.y === enemy.y) {
        alert("Game over! The enemy caught you!");
        resetGame();
      }

// Redraw the maze
      drawMaze();
    }

// Function to reset the game
    function resetGame() {
      player.x = 1;
      player.y = 1;
      drawMaze();
    }

// Start the game
    drawMaze();
    document.addEventListener("keydown", handleKeyDown);
  </script>
</body>
</html>
```