Programar un juego parecido al Lol's game

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

No:26626

←

Prev Next

→

Programar un juego parecido al Lol
Developer User13214｜Date and time 23/12/1 23:48:30
Build time 83.305 sec｜Game capacity 2.267KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Juego Similar al Lol</title>
</head>
<body>
  <canvas id="gameCanvas" width="800" height="600"></canvas>

// Definir el objeto del jugador
    var player = {
      x: 400,
      y: 300,
      width: 50,
      height: 50,
      img: new Image()
    };
    player.img.src = "ruta_a_la_imagen_del_jugador.png";

// Definir el objeto del enemigo
    var enemy = {
      x: 100,
      y: 100,
      width: 50,
      height: 50,
      img: new Image()
    };
    enemy.img.src = "ruta_a_la_imagen_del_enemigo.png";

// Función para dibujar los objetos en el lienzo
    function drawObjects() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      ctx.drawImage(player.img, player.x, player.y, player.width, player.height);
      ctx.drawImage(enemy.img, enemy.x, enemy.y, enemy.width, enemy.height);
    }

// Función para actualizar la posición del jugador
    function updatePlayerPosition(event) {
      var rect = canvas.getBoundingClientRect();
      var touchX = event.targetTouches[0].clientX - rect.left;
      var touchY = event.targetTouches[0].clientY - rect.top;
      player.x = touchX - player.width / 2;
      player.y = touchY - player.height / 2;
    }

// Función para verificar la colisión entre el jugador y el enemigo
    function checkCollision() {
      if (player.x < enemy.x + enemy.width &&
          player.x + player.width > enemy.x &&
          player.y < enemy.y + enemy.height &&
          player.y + player.height > enemy.y) {
        alert("Colisión detectada. ¡Perdiste!");
        // Reiniciar el juego aquí si deseas
      }
    }

// Función principal del juego
    function gameLoop() {
      drawObjects();
      checkCollision();
      requestAnimationFrame(gameLoop);
    }

// Iniciar el bucle del juego
    gameLoop();
    
    // Escuchar los eventos táctiles para mover al jugador
    canvas.addEventListener("touchmove", updatePlayerPosition, false);
  </script>
</body>
</html>