Make a grid 10by10 After you claim 80% of the tiles + 8 grid to the map Connecting to the original Grid.'s game

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

No:47569

←

Prev Next

→

Make a grid 10by10 After you claim 80% of the tile..ALL
Developer User20489｜Date and time 24/2/28 13:40:43
Build time 7.048 sec｜Game capacity 2.169KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Claim the Tiles Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="500" height="500"></canvas>

const tileSize = 50;
        const gridWidth = 10;
        const gridHeight = 10;
        const claimedPercentage = 80;

const grid = createGrid(gridWidth, gridHeight);
        const claimedTiles = claimRandomTiles(grid, claimedPercentage);

drawGrid(grid);
        drawClaimedTiles(claimedTiles);

function claimRandomTiles(grid, percentage) {
            const totalTiles = gridWidth * gridHeight;
            const claimedTilesCount = Math.floor((percentage / 100) * totalTiles);
            let claimedTiles = [];

for (let i = 0; i < claimedTilesCount; i++) {
                let x = Math.floor(Math.random() * gridWidth);
                let y = Math.floor(Math.random() * gridHeight);

if (!claimedTiles.includes(`${x},${y}`)) {
                    grid[x][y] = 1;
                    claimedTiles.push(`${x},${y}`);
                }
            }

return claimedTiles;
        }

function drawClaimedTiles(claimedTiles) {
            claimedTiles.forEach(tile => {
                let coords = tile.split(",");
                let x = parseInt(coords[0]);
                let y = parseInt(coords[1]);

ctx.fillRect(x * tileSize, y * tileSize, tileSize, tileSize);
            });
        }
    </script>
</body>
</html>