Conways game of life .play,stop,refresh,random pattern button's game

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

No:48673

107

←

Prev Next

→

Conways game of life .play,stop,refresh,random pat..ALL
Developer User18896｜Date and time 24/3/2 20:02:05
Build time 11.735 sec｜Game capacity 3.163KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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" width="400" height="400"></canvas>
    <button onclick="play()">Play</button>
    <button onclick="stop()">Stop</button>
    <button onclick="refresh()">Refresh</button>
    <button onclick="randomPattern()">Random Pattern</button>

function play() {
            setInterval(() => {
                updateGrid();
                drawGrid();
            }, 100);
        }

function stop() {
            clearInterval();
        }

function refresh() {
            grid = createGrid();
            drawGrid();
        }

function updateGrid() {
            let newGrid = createGrid();
            for (let i = 0; i < numRows; i++) {
                for (let j = 0; j < numCols; j++) {
                    let neighbors = countNeighbors(i, j);
                    let cell = grid[i][j];

if (cell === 1) {
                        if (neighbors < 2 || neighbors > 3) {
                            newGrid[i][j] = 0;
                        } else {
                            newGrid[i][j] = 1;
                        }
                    } else {
                        if (neighbors === 3) {
                            newGrid[i][j] = 1;
                        }
                    }
                }
            }
            grid = newGrid;
        }

function countNeighbors(row, col) {
            let count = 0;
            for (let i = -1; i <= 1; i++) {
                for (let j = -1; j <= 1; j++) {
                    if (i === 0 && j === 0) continue;
                    let newRow = row + i;
                    let newCol = col + j;

if (newRow >= 0 && newRow < numRows && newCol >= 0 && newCol < numCols) {
                        count += grid[newRow][newCol];
                    }
                }
            }
            return count;
        }

function randomPattern() {
            grid = createGrid();
            drawGrid();
        }

drawGrid();
    </script>
</body>
</html>