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

No:35048

Crie um jogo onde vc pode irá andar pelo um labiri..ALL
Developer User16419｜Date and time 24/1/13 5:28:53
Build time 12.679 sec｜Game capacity 2.915KB｜

Script

Jogo do Labirinto

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Jogo do Labirinto</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    
    #maze {
      display: inline-block;
      margin-top: 20px;
    }
    
    .square {
      width: 30px;
      height: 30px;
      display: inline-block;
      border: 1px solid black;
    }
    
    .wall {
      background-color: #333;
    }
    
    .player {
      background-color: #00ff00;
    }
    
    .exit {
      background-color: #ff0000;
    }
    
    .door {
      background-color: #0000ff;
    }
  </style>
</head>
<body>
  <h1>Jogo do Labirinto</h1>
  <button onclick="generateMaze()">Iniciar Jogo</button>
  <div id="maze"></div>
  
  <script>
    var mazeGrid = [];
    var playerPosition;
    var exitPosition;
    
    function generateMaze() {
      mazeGrid = [];
      
      // Generate a 10x10 grid with walls
      for (var i = 0; i < 10; i++) {
        var row = [];
        for (var j = 0; j < 10; j++) {
          row.push(1);
        }
        mazeGrid.push(row);
      }
      
      // Set the player's starting position
      var initialRow = Math.floor(Math.random() * 10);
      var initialColumn = Math.floor(Math.random() * 10);
      playerPosition = [initialRow, initialColumn];
      mazeGrid[initialRow][initialColumn] = 2;
      
      // Set the exit position
      var exitRow = Math.floor(Math.random() * 10);
      var exitColumn = Math.floor(Math.random() * 10);
      exitPosition = [exitRow, exitColumn];
      mazeGrid[exitRow][exitColumn] = 9;
      
      // Display the maze
      displayMaze();
    }
    
    function displayMaze() {
      var mazeElement = document.getElementById('maze');
      mazeElement.innerHTML = '';
      
      for (var i = 0; i < mazeGrid.length; i++) {
        for (var j = 0; j < mazeGrid[i].length; j++) {
          var square = document.createElement('div');
          square.classList.add('square');
          
          if (mazeGrid[i][j] === 1) {
            square.classList.add('wall');
          } else if (mazeGrid[i][j] === 2) {
            square.classList.add('player');
          } else if (mazeGrid[i][j] === 9) {
            square.classList.add('exit');
          } else if (mazeGrid[i][j] === 3) {
            square.classList.add('door');
          }
          
          square.addEventListener('click', function(event) {
            var clickedRow = event.target.dataset.row;
            var clickedColumn = event.target.dataset.column;
            
            if (mazeGrid[clickedRow][clickedColumn] === 1) {
              generateMaze();
            }
          });
          
          square.dataset.row = i;
          square.dataset.column = j;
          mazeElement.appendChild(square);
        }
        
        mazeElement.appendChild(document.createElement('br'));
      }
    }
    
    generateMaze();
  </script>
</body>
</html>