Battle Royal with randomly generated maps's game

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

No:18035

←

Prev Next

→

Battle Royal with randomly generated maps
Developer User7917｜Date and time 23/9/26 9:23:58
Build time 28.189 sec｜Game capacity 3.439KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Battle Royal</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            font-family: Arial, sans-serif;
            background-color: #f2f2f2;
        }

canvas {
            display: block;
            margin: 0 auto;
            background-color: white;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

// Player object
        function Player(x, y, color) {
            this.x = x;
            this.y = y;
            this.color = color;
        }

// Generate a random map
        function generateMap() {
            let map = [];

for (let i = 0; i < mapSize; i++) {
                let row = [];
                for (let j = 0; j < mapSize; j++) {
                    // Randomly assign a tile: 0 - empty tile, 1 - obstacle tile
                    let tile = Math.random() < 0.2 ? 1 : 0;
                    row.push(tile);
                }
                map.push(row);
            }

return map;
        }

// Initialize the game
        function init() {
            const canvas = document.getElementById('gameCanvas');
            const ctx = canvas.getContext('2d');

canvas.width = screenWidth;
            canvas.height = screenHeight;

// Generate the map
            const map = generateMap();

// Generate the players
            const players = [];
            for (let i = 0; i < maxPlayers; i++) {
                const color = '#' + Math.floor(Math.random() * 16777215).toString(16); // Random color
                const player = new Player(playerStartX, playerStartY, color);
                players.push(player);
            }

// Game loop
            function gameLoop() {
                // Clear canvas
                ctx.clearRect(0, 0, screenWidth, screenHeight);

// Draw the map
                for (let i = 0; i < map.length; i++) {
                    for (let j = 0; j < map[i].length; j++) {
                        if (map[i][j] === 1) {
                            ctx.fillStyle = 'gray';
                            ctx.fillRect(j * tileSize, i * tileSize, tileSize, tileSize);
                        }
                    }
                }

// Draw the players
                for (let i = 0; i < players.length; i++) {
                    const player = players[i];
                    ctx.fillStyle = player.color;
                    ctx.fillRect(player.x * tileSize, player.y * tileSize, tileSize, tileSize);
                }

// Check for player collisions here and update their positions accordingly

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

// Start the game loop
            gameLoop();
        }

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