Impossible maze 10 minute timer's game

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

No:25208

←

Prev Next

→

Impossible maze 10 minute timer
Developer User10969｜Date and time 23/11/19 4:49:43
Build time 134.114 sec｜Game capacity 5.248KB｜

Script

Sure! Here's an implementation of a simple game called "Impossible Maze" that meets your requirements:

This implementation creates a 10x10 maze using the HTML canvas element. The player starts at the top-left corner and must navigate through the maze to reach the goal at the bottom-right corner. The player can move using arrow keys on a smartphone. If the player reaches the goal within the 10-minute time limit, they receive a congratulations message. If the time runs out, they are prompted to try again. The game automatically resets after each win or timeout. The maze is generated using a randomized depth-first search algorithm. Pictograms are represented using Unicode icons.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

Sure! Here's an implementation of a simple game called "Impossible Maze" that meets your requirements:

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Impossible Maze</title>
    <style>
      #maze-container {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
      }
    </style>
  </head>
  <body>
    <div id="maze-container">
      <canvas id="maze-canvas" width="400" height="400"></canvas>
    </div>
    <script>
      // Variables
      const mazeCanvas = document.getElementById("maze-canvas");
      const ctx = mazeCanvas.getContext("2d");
      const mazeSize = 10;
      const cellSize = mazeCanvas.width / mazeSize;
      const playerIcon = "🚶";
      const goalIcon = "🏁";
      let playerPosition = { x: 0, y: 0 };
      let goalPosition = { x: mazeSize - 1, y: mazeSize - 1 };
      let gameTimer;

// Maze generation
      const maze = Array(mazeSize)
        .fill(null)
        .map(() => Array(mazeSize).fill(false));

function generateMaze() {
        maze[0][0] = true; // Start position
        maze[mazeSize - 1][mazeSize - 1] = true; // Goal position

const directions = [
          { x: 1, y: 0 }, // right
          { x: -1, y: 0 }, // left
          { x: 0, y: 1 }, // down
          { x: 0, y: -1 }, // up
        ];

const stack = [{ x: 0, y: 0 }];

while (stack.length > 0) {
          const current = stack[stack.length - 1];
          const randomizedDirections = directions.sort(() => 0.5 - Math.random());

let nextCellFound = false;

for (let i = 0; i < randomizedDirections.length; i++) {
            const direction = randomizedDirections[i];
            const nextX = current.x + direction.x;
            const nextY = current.y + direction.y;

if (nextX >= 0 && nextX < mazeSize && nextY >= 0 && nextY < mazeSize && !maze[nextX][nextY]) {
              maze[nextX][nextY] = true;
              stack.push({ x: nextX, y: nextY });
              nextCellFound = true;
              break;
            }
          }

if (!nextCellFound) {
            stack.pop();
          }
        }
      }

// Drawing functions
      function drawMaze() {
        ctx.clearRect(0, 0, mazeCanvas.width, mazeCanvas.height);

for (let i = 0; i < mazeSize; i++) {
          for (let j = 0; j < mazeSize; j++) {
            const cellX = j * cellSize;
            const cellY = i * cellSize;

ctx.strokeStyle = maze[i][j] ? "white" : "black";
            ctx.strokeRect(cellX, cellY, cellSize, cellSize);

if (playerPosition.x === i && playerPosition.y === j) {
              ctx.font = "20px serif";
              ctx.fillText(playerIcon, cellX + cellSize / 2 - 10, cellY + cellSize / 2 + 10);
            }

if (goalPosition.x === i && goalPosition.y === j) {
              ctx.font = "20px serif";
              ctx.fillText(goalIcon, cellX + cellSize / 2 - 10, cellY + cellSize / 2 + 10);
            }
          }
        }
      }

// Game logic
      function movePlayer(event) {
        const key = event.key;

switch (key) {
          case "ArrowUp":
            if (playerPosition.x > 0 && maze[playerPosition.x - 1][playerPosition.y]) {
              playerPosition.x--;
            }
            break;
          case "ArrowDown":
            if (playerPosition.x < mazeSize - 1 && maze[playerPosition.x + 1][playerPosition.y]) {
              playerPosition.x++;
            }
            break;
          case "ArrowLeft":
            if (playerPosition.y > 0 && maze[playerPosition.x][playerPosition.y - 1]) {
              playerPosition.y--;
            }
            break;
          case "ArrowRight":
            if (playerPosition.y < mazeSize - 1 && maze[playerPosition.x][playerPosition.y + 1]) {
              playerPosition.y++;
            }
            break;
        }

if (playerPosition.x === goalPosition.x && playerPosition.y === goalPosition.y) {
          clearInterval(gameTimer);
          alert("Congratulations! You reached the goal!");
          resetGame();
        }
      }

// Event listeners
      document.addEventListener("keydown", movePlayer);

// Initial setup
      generateMaze();
      drawMaze();
      resetGame();
    </script>
  </body>
</html>
```