Conways game of life on an infanate canvas's game

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

No:48671

131

←

Prev Next

→

Conways game of life on an infanate canvas
Developer User18896｜Date and time 24/3/2 19:54:44
Build time 8.902 sec｜Game capacity 3.101KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Conway's Game of Life</title>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

// Function to draw grid
        function drawGrid() {
            ctx.fillStyle = 'black';
            ctx.fillRect(0, 0, width, height);
            for (let i = 0; i < cols; i++) {
                for (let j = 0; j < rows; j++) {
                    const x = i * resolution;
                    const y = j * resolution;
                    if (grid[i][j] === 1) {
                        ctx.fillStyle = 'white';
                        ctx.fillRect(x, y, resolution, resolution);
                    }
                }
            }
        }

// Function to count neighbors
        function countNeighbors(grid, x, y) {
            let sum = 0;
            for (let i = -1; i < 2; i++) {
                for (let j = -1; j < 2; j++) {
                    const col = (x + i + cols) % cols;
                    const row = (y + j + rows) % rows;
                    sum += grid[col][row];
                }
            }
            sum -= grid[x][y];
            return sum;
        }

// Update function
        function update() {
            const next = create2DArray(cols, rows);
            for (let i = 0; i < cols; i++) {
                for (let j = 0; j < rows; j++) {
                    const state = grid[i][j];
                    const neighbors = countNeighbors(grid, i, j);
                    if (state === 0 && neighbors === 3) {
                        next[i][j] = 1;
                    } else if (state === 1 && (neighbors < 2 || neighbors > 3)) {
                        next[i][j] = 0;
                    } else {
                        next[i][j] = state;
                    }
                }
            }
            grid = next;
        }

// Render function
        function render() {
            drawGrid();
        }

// Game loop
        function gameLoop() {
            update();
            render();
            requestAnimationFrame(gameLoop);
        }

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