Un juego de plataformas donde haya que dispararle al enemigo's game

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

No:19479

←

Prev Next

→

Un juego de plataformas donde haya que dispararle ..ALL
Developer User8590｜Date and time 23/10/4 7:17:38
Build time 15.156 sec｜Game capacity 4.767KB｜

Script

←

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>Juego de Plataformas</title>
    <style>
        #player {
            position: absolute;
            width: 50px;
            height: 50px;
            background-color: blue;
        }

#enemy {
            position: absolute;
            width: 50px;
            height: 50px;
            background-color: red;
        }

#bullet {
            position: absolute;
            width: 10px;
            height: 10px;
            background-color: black;
            display: none;
        }
    </style>
</head>
<body>
    <script>
      // Inicializar variables
      var player = document.getElementById("player");
      var enemy = document.getElementById("enemy");
      var bullet = document.getElementById("bullet");
      
      var playerX = 0; // Posición del jugador en el eje X
      var bulletY = 0; // Posición de la bala en el eje Y

// Iniciar el juego
      function startGame() {
          // Mover constantemente al enemigo en el eje X
          setInterval(moveEnemy, 10);
      }

// Mover al enemigo en el eje X
      function moveEnemy() {
          enemy.style.left = parseInt(enemy.style.left) + 1 + "px";
      }

// Disparar al enemigo
      function shoot() {
          bullet.style.display = "block"; // Mostrar la bala
          bullet.style.top = bulletY + "px"; // Colocar la bala en la posición actual en el eje Y
          bulletY -= 5; // Mover la bala hacia arriba
          
          // Detectar si la bala alcanza al enemigo
          if (bulletY < 0 && checkCollision()) {
              alert("¡Has eliminado al enemigo!");
              resetGame();
          }
          
          // Mover constantemente a la bala en el eje Y
          if (bulletY >= 0) {
              requestAnimationFrame(shoot);
          } else {
              resetBullet();
          }
      }

// Verificar si la bala colisiona con el enemigo
      function checkCollision() {
          var playerRect = player.getBoundingClientRect();
          var enemyRect = enemy.getBoundingClientRect();
          var bulletRect = bullet.getBoundingClientRect();
          
          // Comprobar si los rectángulos de colisión se intersectan
          return (
              bulletRect.left <= enemyRect.right &&
              bulletRect.right >= enemyRect.left &&
              bulletRect.top <= enemyRect.bottom &&
              bulletRect.bottom >= enemyRect.top
          );
      }

// Reiniciar la posición y visibilidad de la bala
      function resetBullet() {
          bulletY = playerX;
          bullet.style.display = "none";
      }

// Reiniciar el juego
      function resetGame() {
          playerX = 0;
          bulletY = 0;
          resetBullet();
      }

// Funciones para controlar los toques en el smartphone
      document.addEventListener('touchstart', handleTouchStart, false);        
      document.addEventListener('touchmove', handleTouchMove, false);

var xDown = null;                                                        
      var yDown = null;

function getTouches(evt) {
          return evt.touches ||             // browser API
                  evt.originalEvent.touches; // jQuery
      }

function handleTouchStart(evt) {
          const firstTouch = getTouches(evt)[0];                                      
          xDown = firstTouch.clientX;                                      
          yDown = firstTouch.clientY;                                      
      };

function handleTouchMove(evt) {
          if (!xDown || !yDown) {
              return;
          }

var xUp = evt.touches[0].clientX;                                    
          var yUp = evt.touches[0].clientY;

var xDiff = xDown - xUp;
          var yDiff = yDown - yUp;

if (Math.abs(xDiff) > Math.abs(yDiff)) {
              if (xDiff > 0) {
                  // Desplazamiento hacia la izquierda
                  playerX -= 10;
                  player.style.left = playerX + "px";
              } else {
                  // Desplazamiento hacia la derecha
                  playerX += 10;
                  player.style.left = playerX + "px";
              }                       
          } 
          resetBullet();
          xDown = null;
          yDown = null;                                             
      };
    </script>