Boss Lemmer beat lucifer's game

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

No:42485

←

Prev Next

→

Boss Lemmer beat lucifer
Developer User18885｜Date and time 24/2/11 20:42:04
Build time 9.972 sec｜Game capacity 2.757KB｜

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">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Boss Lemmer vs Lucifer</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

// Pictograms
    const bossLemmerImg = new Image();
    bossLemmerImg.src = "boss_lemmer.png";

const luciferImg = new Image();
    luciferImg.src = "lucifer.png";

// Game objects
    const bossLemmer = {
      x: 50,
      y: 50,
      width: 50,
      height: 50,
      speed: 5
    };

const lucifer = {
      x: canvas.width - 100,
      y: canvas.height - 100,
      width: 50,
      height: 50,
      speed: 3
    };

// Keyboard controls
    const keys = {};
    document.addEventListener("keydown", function(event) {
      keys[event.keyCode] = true;
    });

document.addEventListener("keyup", function(event) {
      delete keys[event.keyCode];
    });

// Game update function
    function update() {
      // Move Boss Lemmer
      if (keys[37]) {
        bossLemmer.x -= bossLemmer.speed;
      }
      if (keys[38]) {
        bossLemmer.y -= bossLemmer.speed;
      }
      if (keys[39]) {
        bossLemmer.x += bossLemmer.speed;
      }
      if (keys[40]) {
        bossLemmer.y += bossLemmer.speed;
      }

// Move Lucifer
      if (bossLemmer.x < lucifer.x) {
        lucifer.x -= lucifer.speed;
      }
      if (bossLemmer.x > lucifer.x) {
        lucifer.x += lucifer.speed;
      }
      if (bossLemmer.y < lucifer.y) {
        lucifer.y -= lucifer.speed;
      }
      if (bossLemmer.y > lucifer.y) {
        lucifer.y += lucifer.speed;
      }

// Check collision
      if (bossLemmer.x < lucifer.x + lucifer.width &&
          bossLemmer.x + bossLemmer.width > lucifer.x &&
          bossLemmer.y < lucifer.y + lucifer.height &&
          bossLemmer.y + bossLemmer.height > lucifer.y) {
        // Display game over message
        alert("Game Over! Boss Lemmer beat Lucifer!");
        // Restart the game
        window.location.reload();
      }

// Clear canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw Boss Lemmer
      ctx.drawImage(bossLemmerImg, bossLemmer.x, bossLemmer.y, bossLemmer.width, bossLemmer.height);

// Draw Lucifer
      ctx.drawImage(luciferImg, lucifer.x, lucifer.y, lucifer.width, lucifer.height);

// Request animation frame
      requestAnimationFrame(update);
    }

// Start the game
    update();
  </script>
</body>
</html>