Partical life...canvas 360 grid 36 sectors 36 subsectors 36's game

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

No:51787

140

←

Prev Next

→

Partical life...canvas 360 grid 36 sectors 36 subs..ALL
Developer User18896｜Date and time 24/3/16 12:46:33
Build time 7.076 sec｜Game capacity 2.247KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Particle Life Game</title>
    <style>
        canvas {
            border: 1px solid black;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="360" height="360"></canvas>

const sectorSize = 10;
        const numSectors = 36;
        const grid = [];

for (let i = 0; i < numSectors; i++) {
            grid.push([]);
            for (let j = 0; j < numSectors; j++) {
                grid[i].push(Math.random() < 0.5 ? 1 : 0);
            }
        }

if (grid[i][j] === 1) {
                        newGrid[i].push(numNeighbours === 2 || numNeighbours === 3 ? 1 : 0);
                    } else {
                        newGrid[i].push(numNeighbours === 3 ? 1 : 0);
                    }
                }
            }

grid = newGrid;
        }

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

for (let i = 0; i < numSectors; i++) {
                for (let j = 0; j < numSectors; j++) {
                    if (grid[i][j] === 1) {
                        ctx.fillRect(i * sectorSize, j * sectorSize, sectorSize, sectorSize);
                    }
                }
            }
        }

function gameLoop() {
            updateGrid();
            drawGrid();
        }

setInterval(gameLoop, 1000); // Update every second
    </script>
</body>
</html>