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

No:25395

Você éum guarda e tem que fugir dos animais robôs
Developer User12421｜Date and time 23/11/21 8:08:13
Build time 85.875 sec｜Game capacity 3.138KB｜

Script

🚶

Fim do Jogo

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Fuga dos Animais Robôs</title>
    <style>
      body {
        font-family: Arial, sans-serif;
        text-align: center;
      }
      
      #player {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
      
      .obstacle {
        position: absolute;
      }
      
      #game-over {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: none;
      }
    </style>
  </head>
  <body>
  
    <div id="player">🚶</div>
    <div id="game-over">
      <h1>Fim do Jogo</h1>
      <button onclick="restartGame()">Jogar Novamente</button>
    </div>
  
    <script>
      // Variáveis de controle
      var player = document.getElementById("player");
      var gameOver = document.getElementById("game-over");
      var gameRunning = true;
      var animaisRobos = [];
      
      // Criação dos animais robôs
      for (var i = 0; i < 5; i++) {
        var animalRobo = document.createElement("div");
        animalRobo.className = "obstacle";
        animalRobo.style.top = Math.floor(Math.random() * 90) + "%";
        animalRobo.style.left = Math.floor(Math.random() * 90) + "%";
        animalRobo.innerText = "🤖";
        document.body.appendChild(animalRobo);
        
        animaisRobos.push(animalRobo);
      }
      
      // Função para movimentar o jogador
      function movePlayer(event) {
        if (!gameRunning) {
          return;
        }
        
        if (event.key === "ArrowUp") {
          player.style.top = parseFloat(player.style.top) - 10 + "%";
        } else if (event.key === "ArrowDown") {
          player.style.top = parseFloat(player.style.top) + 10 + "%";
        } else if (event.key === "ArrowLeft") {
          player.style.left = parseFloat(player.style.left) - 10 + "%";
        } else if (event.key === "ArrowRight") {
          player.style.left = parseFloat(player.style.left) + 10 + "%";
        }
        
        checkCollision();
      }
      
      // Função para verificar colisão
      function checkCollision() {
        var playerRect = player.getBoundingClientRect();
        
        for (var i = 0; i < animaisRobos.length; i++) {
          var animalRoboRect = animaisRobos[i].getBoundingClientRect();
          
          if (playerRect.left < animalRoboRect.right &&
              playerRect.right > animalRoboRect.left &&
              playerRect.top < animalRoboRect.bottom &&
              playerRect.bottom > animalRoboRect.top) {
            
            endGame();
          }
        }
      }
      
      // Função para encerrar o jogo
      function endGame() {
        gameRunning = false;
        gameOver.style.display = "block";
        document.removeEventListener("keydown", movePlayer);
      }
      
      // Função para reiniciar o jogo
      function restartGame() {
        location.reload();
      }
      
      // Inicia o jogo
      document.addEventListener("keydown", movePlayer);
    </script>
    
  </body>
</html>