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

No:31460

a mase thats randomly generated that you have run..ALL
Developer User15107｜Date and time 23/12/27 1:13:11
Build time 42.159 sec｜Game capacity 4.248KB｜

Script

Sure, here's an example of a simple game implementation in a single HTML file using JavaScript. The game involves a randomly generated maze, where you need to run from a ghost for one minute while trying to survive. You have complete movement control and can see the ghost chasing you around the map.

Maze Game

You can copy and paste the above code into an HTML file, and when you open the file in a web browser, the maze game will be ready to play. Use the arrow keys on your smartphone keyboard to move the player around the maze and try to survive for one minute while avoiding the ghost.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Maze Game</title>
  <style>
    #game-container {
      position: relative;
      width: 400px;
      height: 400px;
      border: 1px solid black;
    }
    .player, .ghost {
      position: absolute;
      width: 20px;
      height: 20px;
    }
    .player {
      background-color: blue;
    }
    .ghost {
      background-color: red;
    }
  </style>
</head>
<body>
  <h1>Maze Game</h1>
  <div id="game-container"></div>

// Game variables
    let playerX, playerY;
    let ghostX, ghostY;
    let score = 0;
    let timer;

// Generate random maze
    function generateMaze() {
      const gameContainer = document.getElementById("game-container");

for (let i = 0; i < mazeHeight; i++) {
        for (let j = 0; j < mazeWidth; j++) {
          const cell = document.createElement("div");
          cell.className = "cell";
          cell.id = `cell-${i}-${j}`;
          gameContainer.appendChild(cell);
        }
      }

playerX = Math.floor(Math.random() * mazeWidth);
      playerY = Math.floor(Math.random() * mazeHeight);
      document.getElementById(`cell-${playerY}-${playerX}`).appendChild(createPlayer());

ghostX = Math.floor(Math.random() * mazeWidth);
      ghostY = Math.floor(Math.random() * mazeHeight);
      document.getElementById(`cell-${ghostY}-${ghostX}`).appendChild(createGhost());

timer = setInterval(moveGhost, 1000);
    }

// Create player element
    function createPlayer() {
      const player = document.createElement("div");
      player.className = "player";
      return player;
    }

// Create ghost element
    function createGhost() {
      const ghost = document.createElement("div");
      ghost.className = "ghost";
      return ghost;
    }

// Move ghost towards the player
    function moveGhost() {
      const direction = getDirection(ghostX, ghostY, playerX, playerY);

if (direction.x === 0 && direction.y === 0) {
        clearInterval(timer);
        alert("Game over! You survived for " + score + " seconds.");
        return;
      }

// Calculate ghost movement direction
    function getDirection(fromX, fromY, toX, toY) {
      let dx = Math.sign(toX - fromX);
      let dy = Math.sign(toY - fromY);

if (Math.abs(toX - fromX) > Math.abs(toY - fromY)) {
        return { x: dx, y: 0 };
      } else {
        return { x: 0, y: dy };
      }
    }

// Handle keyboard input for player movement
    document.addEventListener("keydown", function(event) {
      const key = event.key;

if (key === "ArrowUp" && playerY > 0) {
        movePlayer(playerX, playerY - 1);
      } else if (key === "ArrowDown" && playerY < mazeHeight - 1) {
        movePlayer(playerX, playerY + 1);
      } else if (key === "ArrowLeft" && playerX > 0) {
        movePlayer(playerX - 1, playerY);
      } else if (key === "ArrowRight" && playerX < mazeWidth - 1) {
        movePlayer(playerX + 1, playerY);
      }
    });

// Move player to specified position
    function movePlayer(x, y) {
      document.getElementById(`cell-${playerY}-${playerX}`).innerHTML = "";
      playerX = x;
      playerY = y;
      document.getElementById(`cell-${playerY}-${playerX}`).appendChild(createPlayer());
    }

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