Crea un juego de pelea 3d's game

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

No:17506

135

←

Prev Next

→

Crea un juego de pelea 3d
Developer User7700｜Date and time 23/9/23 16:01:26
Build time 23.362 sec｜Game capacity 2.462KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
  <head>
    <title>Juego de Pelea 3D</title>
    
    <style>
      #container {
        width: 400px;
        height: 400px;
        margin: 0 auto;
        position: relative;
        perspective: 1000px;
      }
      #player {
        width: 50px;
        height: 50px;
        position: absolute;
        background-color: blue;
        transform-style: preserve-3d;
        transform: translateZ(25px);
        transition: transform 0.5s;
      }
      #opponent {
        width: 50px;
        height: 50px;
        position: absolute;
        background-color: red;
        transform-style: preserve-3d;
        transform: translateZ(25px);
        transition: transform 0.5s;
      }
    </style>
  </head>
  <body>
    <div id="container">
      <div id="player"></div>
      <div id="opponent"></div>
    </div>

<script>
      // Obtenemos los elementos del juego
      var container = document.getElementById('container');
      var player = document.getElementById('player');
      var opponent = document.getElementById('opponent');

// Variables para almacenar las posiciones actuales de los jugadores
      var playerPositionZ = 0;
      var opponentPositionZ = 0;

// Función para mover al jugador
      function movePlayer(event) {
        var key = event.keyCode || event.which;
        if (key === 37) {
          // Mover izquierda
          playerPositionZ -= 50;
        } else if (key === 39) {
          // Mover derecha
          playerPositionZ += 50;
        }
        player.style.transform = 'translateZ(' + playerPositionZ + 'px)';
        
        // Comprobar si el jugador ha golpeado al oponente
        if (playerPositionZ === opponentPositionZ) {
          alert('¡Golpeaste al oponente!');
        }
      }

// Función para mover al oponente de forma aleatoria
      setInterval(function() {
        var randomMove = Math.floor(Math.random() * 3) - 1;
        opponentPositionZ += randomMove * 50;
        opponent.style.transform = 'translateZ(' + opponentPositionZ + 'px)';
        
        // Comprobar si el oponente ha golpeado al jugador
        if (opponentPositionZ === playerPositionZ) {
          alert('¡El oponente te golpeó!');
        }
      }, 1000);

// Iniciar el juego al cargar la página
      container.focus();
      container.addEventListener('keydown', movePlayer);
    </script>
  </body>
</html>