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

No:14645

A game where you have to complete different mazes ..ALL
Developer User6333｜Date and time 23/9/3 23:02:20
Build time 35.767 sec｜Game capacity 3.371KB｜

Script

Sure! Here's an example of a simple maze game implemented in a single HTML file using JavaScript and enclosed in script tags:

Maze Game

This game creates a random maze of the specified size. The player starts at the top-left cell (represented by a green background), and the goal is to reach the bottom-right cell (represented by a yellow background). The player can click on adjacent cells (excluding the walls represented by black cells) to move in the maze. When the player reaches the goal, an alert is shown, and a new maze is generated. You can try this code by copying it into an HTML file, running it in a web browser, and interacting with the maze displayed on the screen.

←

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 in a single HTML file using JavaScript and enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
   <title>Maze Game</title>
   <style>
      #maze {
         display: flex;
         flex-wrap: wrap;
         width: 400px;
         height: 400px;
         border: 1px solid black;
      }
      .cell {
         width: 20%;
         height: 20%;
         box-sizing: border-box;
         border: 1px solid black;
      }
      .player {
         background-color: green;
      }
      .wall {
         background-color: black;
      }
      .goal {
         background-color: yellow;
      }
   </style>
</head>
<body>
   <h1>Maze Game</h1>
   <div id="maze"></div>

let playerPosition;
      let goalPosition;
      let maze;

// Generate the random maze
      function generateMaze() {
         maze = [];
         for (let i = 0; i < mazeSize; i++) {
            maze[i] = [];
            for (let j = 0; j < mazeSize; j++) {
               if (i === 0 && j === 0) {
                  maze[i][j] = 'player';
                  playerPosition = [i, j];
               } else if (i === mazeSize - 1 && j === mazeSize - 1) {
                  maze[i][j] = 'goal';
                  goalPosition = [i, j];
               } else {
                  maze[i][j] = Math.random() < 0.3 ? 'wall' : '';
               }
            }
         }
      }

// Render the maze on the screen
      function renderMaze() {
         mazeContainer.innerHTML = '';

for (let i = 0; i < mazeSize; i++) {
            for (let j = 0; j < mazeSize; j++) {
               const cell = document.createElement('div');
               cell.className = 'cell ' + maze[i][j];
               cell.addEventListener('click', () => movePlayer(i, j));
               mazeContainer.appendChild(cell);
            }
         }
      }

// Move the player to the specified position
      function movePlayer(row, col) {
         if (row >= 0 && row < mazeSize && col >= 0 && col < mazeSize) {
            if (maze[row][col] !== 'wall') {
               maze[playerPosition[0]][playerPosition[1]] = ''; // Clear previous player position
               playerPosition = [row, col];
               maze[row][col] = 'player';

if (maze[row][col] === 'goal') {
                  alert('Congratulations! You completed the maze!');
                  generateMaze();
               }
            }
         }

renderMaze();
      }

// Start the game
      function startGame() {
         generateMaze();
         renderMaze();
      }

startGame();
   </script>
</body>
</html>
```

You can try this code by copying it into an HTML file, running it in a web browser, and interacting with the maze displayed on the screen.