Battle royal game with levels to get to a boss's game

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

No:34248

107

←

Prev Next

→

Battle royal game with levels to get to a boss
Developer User16178｜Date and time 24/1/9 6:59:19
Build time 37.467 sec｜Game capacity 4.132KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Battle Royale Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  <script>
    // Battle Royale Game

// Initialize the game canvas
    const canvas = document.getElementById("gameCanvas");
    const ctx = canvas.getContext("2d");

// Player details
    const player = {
      x: canvas.width / 2,
      y: canvas.height / 2,
      size: 20,
      speed: 5
    };

// Boss details
    const boss = {
      x: canvas.width - 50,
      y: canvas.height / 2,
      size: 40,
      speed: 2
    };

// Game levels
    const levels = [
      { enemyCount: 5 },
      { enemyCount: 8 },
      { enemyCount: 10 }
    ];

let currentLevel = 0;
    let enemies = [];

function startGame() {
      // Reset player and boss positions
      player.x = canvas.width / 2;
      player.y = canvas.height / 2;
      boss.x = canvas.width - 50;
      boss.y = canvas.height / 2;

// Clear enemies from previous level
      enemies = [];

// Create enemies for current level
      const level = levels[currentLevel];
      for (let i = 0; i < level.enemyCount; i++) {
        const enemy = {
          x: Math.random() * canvas.width,
          y: Math.random() * canvas.height,
          size: 15,
          speed: Math.random() * 3 + 1
        };
        enemies.push(enemy);
      }

// Start the game loop
      requestAnimationFrame(gameLoop);
    }

function gameLoop() {
      // Move player based on input
      movePlayer();
      
      // Move boss towards player
      moveBoss();

// Draw the game objects
      drawGame();

// Check for collision
      if (checkCollision(player, boss)) {
        // Player reached the boss, level completed
        if (currentLevel < levels.length - 1) {
          currentLevel++;
          alert("Level completed! Get ready for the next level.");
          startGame();
        } else {
          // Player defeated all levels and the boss
          alert("Congratulations! You defeated all levels and the boss.");
        }
      } else {
        // Continue game loop
        requestAnimationFrame(gameLoop);
      }
    }

function moveBoss() {
      if (boss.x > player.x && boss.x > 0) {
        boss.x -= boss.speed;
      } else if (boss.x < player.x && boss.x < canvas.width - boss.size) {
        boss.x += boss.speed;
      }

if (boss.y > player.y && boss.y > 0) {
        boss.y -= boss.speed;
      } else if (boss.y < player.y && boss.y < canvas.height - boss.size) {
        boss.y += boss.speed;
      }
    }

function drawGame() {
      // Clear canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      
      // Draw player
      ctx.fillStyle = "green";
      ctx.fillRect(player.x, player.y, player.size, player.size);
      
      // Draw boss
      ctx.fillStyle = "red";
      ctx.fillRect(boss.x, boss.y, boss.size, boss.size);
      
      // Draw enemies
      ctx.fillStyle = "blue";
      for (let enemy of enemies) {
        ctx.fillRect(enemy.x, enemy.y, enemy.size, enemy.size);
      }
    }

function checkCollision(rect1, rect2) {
      if (rect1.x < rect2.x + rect2.size &&
          rect1.x + rect1.size > rect2.x &&
          rect1.y < rect2.y + rect2.size &&
          rect1.y + rect1.size > rect2.y) {
        return true;
      }
      return false;
    }
    
    // Start the game when page loads
    startGame();
  </script>
</body>
</html>