Me dê jogo que é em 3d nele para eu andar terá um jostick e um botão de pulo e terá uma casa's game

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

No:42267

←

Prev Next

→

Me dê jogo que é em 3d nele para eu andar terá um ..ALL
Developer User18853｜Date and time 24/2/11 9:14:47
Build time 8.9 sec｜Game capacity 3.338KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
  <head>
    <title>Jogo 3D com Casa</title>
    <style>
      #game-container {
        position: relative;
        width: 500px;
        height: 500px;
        border: 1px solid black;
      }

#player {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 50px;
        height: 50px;
        background-color: blue;
      }

#house {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100px;
        height: 100px;
        background-color: red;
      }
    </style>
  </head>
  <body>
    <div id="game-container">
      <div id="player"></div>
      <div id="house"></div>
    </div>

var containerWidth = container.offsetWidth;
      var containerHeight = container.offsetHeight;
      var playerWidth = player.offsetWidth;
      var playerHeight = player.offsetHeight;

var playerX = 0;
      var playerY = 0;

var joystickActive = false;
      var jumpButtonActive = false;

// Função para atualizar a posição do jogador
      function updatePlayerPosition() {
        player.style.transform = `translate(${playerX}px, ${playerY}px)`;
      }

// Função para verificar e tratar as colisões
      function checkCollisions() {
        var playerRect = player.getBoundingClientRect();
        var houseRect = house.getBoundingClientRect();

if (
          playerRect.x + playerWidth > houseRect.x &&
          playerRect.x < houseRect.x + houseRect.width &&
          playerRect.y + playerHeight > houseRect.y &&
          playerRect.y < houseRect.y + houseRect.height
        ) {
          alert("Você chegou na casa! Parabéns!");
        }
      }

// Event listener para movimentação com o joystick
      container.addEventListener("mousemove", function (event) {
        if (joystickActive) {
          playerX = event.clientX - playerWidth / 2;
          playerY = containerHeight - event.clientY - playerHeight;
          updatePlayerPosition();
        }
      });

// Event listener para ativar/desativar o joystick
      container.addEventListener("mousedown", function (event) {
        joystickActive = true;
      });

container.addEventListener("mouseup", function (event) {
        joystickActive = false;
      });

// Event listener para o botão de pulo
      document.addEventListener("keydown", function (event) {
        if (event.key === " ") {
          jumpButtonActive = true;
          // Add your jump logic here if necessary
        }
      });

document.addEventListener("keyup", function (event) {
        if (event.key === " ") {
          jumpButtonActive = false;
        }
      });

// Função que atualiza a lógica do jogo
      function gameLoop() {
        checkCollisions();

// Adicione sua lógica de movimento (exemplo abaixo)
        if (joystickActive) {
          // Adicione sua lógica de movimento do jogador aqui
        }

requestAnimationFrame(gameLoop);
      }

// Iniciando o jogo
      gameLoop();
    </script>
  </body>
</html>