Make Conway’s game of life's game

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

No:49415

←

Prev Next

→

Make Conway’s game of life
Developer User21041｜Date and time 24/3/5 1:31:35
Build time 12.259 sec｜Game capacity 2.523KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Conway's Game of Life</title>
    <style>
        #game-board {
            display: flex;
            flex-wrap: wrap;
            width: 300px;
            height: 300px;
            border: 1px solid black;
        }

.cell {
            width: 10px;
            height: 10px;
            border: 1px solid #ccc;
        }
    </style>
</head>
<body>
    <div id="game-board"></div>

const gameBoard = document.getElementById("game-board");

function updateBoard() {
            let newBoard = Array.from({ length: numRows }, () => Array.from({ length: numCols }, () => 0));

for (let i = 0; i < numRows; i++) {
                for (let j = 0; j < numCols; j++) {
                    let neighbors = 0;
                    for(let m = -1; m <= 1; m++) {
                        for(let n = -1; n <= 1; n++) {
                            if (m !== 0 || n !== 0) {
                                let neighborI = i + m;
                                let neighborJ = j + n;
                                if (neighborI >= 0 && neighborI < numRows && neighborJ >= 0 && neighborJ < numCols) {
                                    neighbors += board[neighborI][neighborJ];
                                }
                            }
                        }
                    }

if ((board[i][j] === 1 && (neighbors === 2 || neighbors === 3)) || (board[i][j] === 0 && neighbors === 3)) {
                        newBoard[i][j] = 1;
                    }
                }
            }

board = newBoard;

renderBoard();
        }

renderBoard();
        setInterval(updateBoard, 150);
    </script>
</body>
</html>