Make a game where you are a box going in maze trying to get to the end's game

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

No:21398

←

Prev Next

→

Make a game where you are a box going in maze tryi..ALL
Developer User9808｜Date and time 23/10/15 7:54:09
Build time 91.058 sec｜Game capacity 3.085KB｜

Script

Sure! Here's a simple game where you control a box and navigate through a maze to reach the end point. The game uses JavaScript and is implemented as a single HTML file. It is designed for smartphone operation and uses pictograms as visuals. Note: Since this is a text-based interface, it may not work very well on some smartphone browsers. However, you can try running the code snippet below in a desktop browser to see the game in action.

To play the game, open the HTML file in your smartphone browser. You should see a maze displayed with a box emoji representing your position and a flag emoji representing the end. Use the arrow keys to navigate the box through the maze. Once you reach the end point, you will receive a congratulatory message.

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

Note: Since this is a text-based interface, it may not work very well on some smartphone browsers. However, you can try running the code snippet below in a desktop browser to see the game in action.

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    body {
      font-family: Arial, sans-serif;
    }
    .maze-row {
      white-space: pre;
    }
  </style>
</head>
<body>

// Set the starting position of the box
  var boxStartRow = 1;
  var boxStartCol = 1;

// Set the end position of the maze
  var endRow = 5;
  var endCol = 5;

// Function to display the maze on the screen
  function displayMaze() {
    var output = '';
    for (var row = 0; row < maze.length; row++) {
      output += '<div class="maze-row">';
      for (var col = 0; col < maze[row].length; col++) {
        if (row === boxStartRow && col === boxStartCol) {
          output += '📦'; // Box emoji
        } else if (row === endRow && col === endCol) {
          output += '🏁'; // Flag emoji
        } else {
          output += maze[row][col];
        }
      }
      output += '</div>';
    }
    document.getElementById('maze').innerHTML = output;
  }

// Function to handle the key events for movement
  function handleKey(event) {
    var key = event.key.toLowerCase();
    var newRow = boxStartRow;
    var newCol = boxStartCol;

if (key === 'arrowup') {
      newRow--;
    } else if (key === 'arrowdown') {
      newRow++;
    } else if (key === 'arrowleft') {
      newCol--;
    } else if (key === 'arrowright') {
      newCol++;
    }

// Check if the new position is within the maze bounds and is not a wall
    if (newRow >= 0 && newRow < maze.length &&
        newCol >= 0 && newCol < maze[newRow].length &&
        maze[newRow][newCol] !== '#') {
      boxStartRow = newRow;
      boxStartCol = newCol;
      displayMaze();

// Check if player reached the end
      if (newRow === endRow && newCol === endCol) {
        document.removeEventListener('keydown', handleKey);
        alert('Congratulations! You reached the end of the maze.');
      }
    }
  }

// Start the game
  document.addEventListener('keydown', handleKey);
  displayMaze();
</script>

</body>
</html>
```