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

No:34412

172

←

Prev Next

→

Annoying dad boss fight. I’ve had enough of you
Developer User7580｜Date and time 24/1/10 10:07:08
Build time 12.277 sec｜Game capacity 3.391KB｜

Script

Annoying Dad Boss Fight

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Annoying Dad Boss Fight</title>
    <style>
      body {
        text-align: center;
        font-family: Arial, sans-serif;
        }

#playButton {
        padding: 10px 20px;
        font-size: 20px;
        }
    </style>
</head>
<body>
    <h1>Annoying Dad Boss Fight</h1>
    <canvas id="gameCanvas" width="600" height="400"></canvas>
    <button id="playButton">Play</button>

// Player position
        var playerX = canvas.width / 2;
        var playerY = canvas.height - 50;

// Boss position
        var bossX = canvas.width / 2;
        var bossY = 50;

// Keyboard keys
        var leftPressed = false;
        var rightPressed = false;

// Event listener to handle key presses
        document.addEventListener("keydown", keyDownHandler, false);
        document.addEventListener("keyup", keyUpHandler, false);

// Play button click event
        playButton.addEventListener('click', startGame);

// Key down handler function
        function keyDownHandler(event) {
          if (event.keyCode == 37) {
            leftPressed = true;
          } else if (event.keyCode == 39) {
            rightPressed = true;
          }
        }

// Key up handler function
        function keyUpHandler(event) {
          if (event.keyCode == 37) {
            leftPressed = false;
          } else if (event.keyCode == 39) {
            rightPressed = false;
          }
        }

// Function to start the game
        function startGame() {
          playButton.style.display = 'none';
          document.removeEventListener('keydown', keyDownHandler);
          document.removeEventListener('keyup', keyUpHandler);

// Animation frame loop
          function draw() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
            ctx.fillStyle = "blue";
            ctx.fillRect(playerX - 25, playerY - 25, 50, 50);

// Move player
            if (rightPressed && playerX < canvas.width - 25) {
              playerX += 5;
            } else if (leftPressed && playerX > 25) {
              playerX -= 5;
            }

// Draw boss
            ctx.fillStyle = "red";
            ctx.fillRect(bossX - 50, bossY - 50, 100, 100);

// Annoying dad text
            ctx.fillStyle = "black";
            ctx.font = "20px Arial";
            ctx.fillText("I've had enough of you!", bossX - 100, bossY - 70);

// Boss movement
            if (bossX < playerX) {
              bossX += 2;
            } else if (bossX > playerX) {
              bossX -= 2;
            }

// Check collision
            if (Math.abs(bossX - playerX) <= 75 && Math.abs(bossY - playerY) <= 75) {
              // Game over
              ctx.fillStyle = "black";
              ctx.font = "30px Arial";
              ctx.fillText("Game Over", canvas.width / 2 - 80, canvas.height / 2);
              return;
            }

requestAnimationFrame(draw);
          }
          draw();
        }
      });
    </script>
</body>
</html>