Me dê um jogo 2d com setas e terá um nextbot me seguindo e terão 20 cubos aleatórios pequenos no jogo como se fosse paredes O nextbot não pode me pegar E eu não consigo atravessar Paredes e nem o nextbot a parede não mata mas o nextbot sim's game

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

No:42630

←

Prev Next

→

Me dê um jogo 2d com setas e terá um nextbot me se..ALL
Developer User18853｜Date and time 24/2/12 11:25:03
Build time 18.574 sec｜Game capacity 4.343KB｜

Script

Aqui está um exemplo de um jogo simples em HTML usando JavaScript. Neste jogo, você controla um jogador usando as setas do teclado, enquanto um bot segue seus movimentos. Existem 20 cubos pequenos no jogo, que funcionam como paredes. O objetivo é evitar que o bot te pegue, enquanto você tenta atravessar o labirinto formado pelos cubos.

Este é um exemplo básico de jogo em 2D com setas, onde você controla um jogador representado por um retângulo azul. O bot é representado por um retângulo vermelho e segue os movimentos do jogador. Os cubos pequenos representam as paredes e o jogador não pode atravessá-las. Se o bot te pegar, o jogo será reiniciado. Lembre-se de salvar o código acima em um único arquivo HTML e abrir no navegador para jogar. Divirta-se!

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Jogo 2D</title>
  <style>
    #player {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-left: -25px;
      margin-top: -25px;
      width: 50px;
      height: 50px;
      background-color: blue;
    }
    .wall {
      position: absolute;
      width: 20px;
      height: 20px;
      background-color: gray;
    }
    #bot {
      position: absolute;
      width: 50px;
      height: 50px;
      background-color: red;
    }
  </style>
</head>
<body>
  <script>
    var player = document.getElementById("player");
    var bot = document.getElementById("bot");
    var walls = [];

// Criando paredes aleatórias
    for(var i = 0; i < 20; i++) {
      var wall = document.createElement("div");
      wall.className = "wall";
      var x = Math.floor(Math.random() * 450);
      var y = Math.floor(Math.random() * 450);
      wall.style.left = x + "px";
      wall.style.top = y + "px";
      walls.push(wall);
      document.body.appendChild(wall);
    }

// Movendo o jogador usando as setas do teclado
    document.addEventListener("keydown", function(event) {
      var x = parseInt(player.style.left);
      var y = parseInt(player.style.top);

switch(event.keyCode) {
        case 37: // Seta esquerda
          if(!isWall(x - 10, y)) {
            player.style.left = (x - 10) + "px";
          }
          break;
        case 38: // Seta cima
          if(!isWall(x, y - 10)) {
            player.style.top = (y - 10) + "px";
          }
          break;
        case 39: // Setar direita
          if(!isWall(x + 10, y)) {
            player.style.left = (x + 10) + "px";
          }
          break;
        case 40: // Seta baixo
          if(!isWall(x, y + 10)) {
            player.style.top = (y + 10) + "px";
          }
          break;
      }
    });

// Verificando se há colisão entre o jogador e o bot
    setInterval(function() {
      var playerRect = player.getBoundingClientRect();
      var botRect = bot.getBoundingClientRect();

if (isColliding(playerRect, botRect)) {
        alert("Você foi pego pelo bot! Tente novamente.");
        resetGame();
      }
    }, 100);

// Função para verificar colisão entre dois elementos
    function isColliding(rect1, rect2) {
      return !(rect1.right < rect2.left ||
               rect1.left > rect2.right ||
               rect1.bottom < rect2.top ||
               rect1.top > rect2.bottom);
    }

// Função para verificar se o jogador colide com uma parede
    function isWall(x, y) {
      for(var i = 0; i < walls.length; i++) {
        var wallRect = walls[i].getBoundingClientRect();

if (isColliding({left: x, top: y, right: x + 50, bottom: y + 50}, wallRect)) {
          return true;
        }
      }
      return false;
    }

// Função para reiniciar o jogo
    function resetGame() {
      player.style.left = "50%";
      player.style.top = "50%";

for(var i = 0; i < walls.length; i++) {
        document.body.removeChild(walls[i]);
      }

walls = [];

// Criando paredes aleatórias
      for(var i = 0; i < 20; i++) {
        var wall = document.createElement("div");
        wall.className = "wall";
        var x = Math.floor(Math.random() * 450);
        var y = Math.floor(Math.random() * 450);
        wall.style.left = x + "px";
        wall.style.top = y + "px";
        walls.push(wall);
        document.body.appendChild(wall);
      }
    }
  </script>
  <div id="player"></div>
  <div id="bot"></div>
</body>
</html>
```

Lembre-se de salvar o código acima em um único arquivo HTML e abrir no navegador para jogar. Divirta-se!