Hazme un plataformas sobre un leon que tiene que ir derrotando enemigos's game

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

No:47474

←

Prev Next

→

Hazme un plataformas sobre un leon que tiene que i..ALL
Developer User20477｜Date and time 24/2/28 3:55:06
Build time 10.068 sec｜Game capacity 1.81KB｜

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 Plataformas del León</title>
</head>
<body>
  <canvas id="gameCanvas" width="800" height="600"></canvas>

// Variables del león
    let leonX = 50;
    let leonY = 200;
    let leonWidth = 50;
    let leonHeight = 50;

// Variables de los enemigos
    let enemigos = [
      { x: 600, y: 150, width: 30, height: 30 },
      { x: 400, y: 300, width: 30, height: 30 },
      { x: 200, y: 450, width: 30, height: 30 }
    ];

// Función para dibujar al león
    function drawLeon() {
      ctx.fillStyle = "orange";
      ctx.fillRect(leonX, leonY, leonWidth, leonHeight);
    }

// Función para dibujar a los enemigos
    function drawEnemigos() {
      enemigos.forEach(enemigo => {
        ctx.fillStyle = "red";
        ctx.fillRect(enemigo.x, enemigo.y, enemigo.width, enemigo.height);
      });
    }

// Función para actualizar la posición del león
    function updateLeon() {
      leonX += 1;
    }

// Función para detectar colisiones con los enemigos
    function checkCollision() {
      enemigos.forEach((enemigo, index) => {
        if (leonX < enemigo.x + enemigo.width &&
            leonX + leonWidth > enemigo.x &&
            leonY < enemigo.y + enemigo.height &&
            leonY + leonHeight > enemigo.y) {
          alert("¡Has perdido!");
          enemigos.splice(index, 1);
        }
      });
    }

// Función principal del juego
    function gameLoop() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

drawLeon();
      drawEnemigos();
      updateLeon();
      checkCollision();

requestAnimationFrame(gameLoop);
    }

gameLoop();
  </script>
</body>
</html>