Conways game of life on an infanate canvas's game

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

No:48670

←

Prev Next

→

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

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>
    
    <script>
        const canvas = document.getElementById("gameCanvas");
        const ctx = canvas.getContext("2d");
        
        const cellSize = 10;
        const numRows = canvas.height / cellSize;
        const numCols = canvas.width / cellSize;
        
        const gameBoard = createGameBoard();
        
        function createGameBoard() {
            let board = new Array(numRows);
            for (let i = 0; i < numRows; i++) {
                board[i] = new Array(numCols).fill(0);
            }
            return board;
        }
        
        function drawGameBoard() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            for (let i = 0; i < numRows; i++) {
                for (let j = 0; j < numCols; j++) {
                    if (gameBoard[i][j] === 1) {
                        ctx.fillStyle = "black";
                    } else {
                        ctx.fillStyle = "white";
                    }
                    ctx.fillRect(j * cellSize, i * cellSize, cellSize, cellSize);
                }
            }
        }
        
        function updateGameBoard() {
            let newBoard = createGameBoard();
            
            for (let i = 0; i < numRows; i++) {
                for (let j = 0; j < numCols; j++) {
                    let neighbors = countNeighbors(i, j);
                    
                    if (gameBoard[i][j] === 1) {
                        if (neighbors < 2 || neighbors > 3) {
                            newBoard[i][j] = 0;
                        } else {
                            newBoard[i][j] = 1;
                        }
                    } else {
                        if (neighbors === 3) {
                            newBoard[i][j] = 1;
                        }
                    }
                }
            }
            
            gameBoard = newBoard;
        }
        
        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 neighborRow = (row + i + numRows) % numRows;
                    let neighborCol = (col + j + numCols) % numCols;
                    
                    if (gameBoard[neighborRow][neighborCol] === 1) {
                        count++;
                    }
                }
            }
            return count;
        }
        
        function mainLoop() {
            updateGameBoard();
            drawGameBoard();
        }
        
        setInterval(mainLoop, 100);
    </script>
</body>
</html>