Juego de peleas de piratas's game

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

No:23911

←

Prev Next

→

Juego de peleas de piratas
Developer User11185｜Date and time 23/11/4 7:17:59
Build time 72.848 sec｜Game capacity 2.688KB｜

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 Peleas de Piratas</title>
    <style>
      #game-container {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
      }
    </style>
  </head>
  
  <body>
    <div id="game-container">
      <canvas id="game-canvas" width="500" height="400"></canvas>
    </div>
    
    <script>
      // Definir los pictogramas para los personajes
      const playerImage = new Image();
      playerImage.src = "ruta_del_pictograma_para_el_jugador";
      
      const enemyImage = new Image();
      enemyImage.src = "ruta_del_pictograma_para_el_enemigo";
      
      // Obtener el canvas y el contexto
      const canvas = document.getElementById("game-canvas");
      const ctx = canvas.getContext("2d");
      
      // Definir las posiciones iniciales de los personajes
      let playerX = 50;
      let playerY = canvas.height / 2;
      
      let enemyX = canvas.width - 100;
      let enemyY = canvas.height / 2;
      
      // Definir la velocidad de movimiento de los personajes
      const playerSpeed = 5;
      const enemySpeed = 3;
      
      // Definir las funciones de dibujo
      function drawPlayer() {
        ctx.drawImage(playerImage, playerX, playerY, 50, 50);
      }
      
      function drawEnemy() {
        ctx.drawImage(enemyImage, enemyX, enemyY, 50, 50);
      }
      
      // Definir la función de actualización de juego
      function update() {
        // Limpiar el canvas
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        
        // Dibujar los personajes
        drawPlayer();
        drawEnemy();
        
        // Actualizar la posición del jugador basado en las entradas del usuario
        document.addEventListener("keydown", function(event) {
          if (event.key === "ArrowUp") {
            playerY -= playerSpeed;
          } else if (event.key === "ArrowDown") {
            playerY += playerSpeed;
          }
        });
        
        // Actualizar la posición del enemigo automáticamente
        if (enemyY < playerY) {
          enemyY += enemySpeed;
        } else if (enemyY > playerY) {
          enemyY -= enemySpeed;
        }
        
        // Comprobar si ha habido una colisión entre los personajes
        if (
          playerX <= enemyX + 50 &&
          playerX + 50 >= enemyX &&
          playerY <= enemyY + 50 &&
          playerY + 50 >= enemyY
        ) {
          alert("¡Has perdido!");
        }
        
        // Repetir la actualización del juego
        requestAnimationFrame(update);
      }
      
      // Iniciar el juego
      update();
    </script>
  </body>
</html>