Canvas 360 by 360 grid 36 sectors 9 sub sectors middle sector is ai pattern generator generats patterns for subsectors auto update's game

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

No:51888

←

Prev Next

→

Canvas 360 by 360 grid 36 sectors 9 sub sectors mi..ALL
Developer User18896｜Date and time 24/3/16 14:02:02
Build time 4.727 sec｜Game capacity 1.475KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Canvas Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="360" height="360"></canvas>

const sectorWidth = 10;
        const sectorHeight = 10;

const sectors = [];
        for (let i = 0; i < 36; i++) {
            sectors[i] = [];
            for (let j = 0; j < 36; j++) {
                sectors[i][j] = Math.floor(Math.random() * 2);
            }
        }

function drawSectors() {
            for (let i = 0; i < 36; i++) {
                for (let j = 0; j < 36; j++) {
                    if (sectors[i][j] === 1) {
                        ctx.fillStyle = 'black';
                    } else {
                        ctx.fillStyle = 'white';
                    }

ctx.fillRect(i * sectorWidth, j * sectorHeight, sectorWidth, sectorHeight);
                }
            }
        }

function gameLoop() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

updateSectors();
            drawSectors();
        }

setInterval(gameLoop, 1000);

</script>
</body>
</html>