AI game creator

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

No:43718

186

←

Prev Next

→

Game of life
Developer User18896｜Date and time 24/2/16 12:18:45
Build time 9.962 sec｜Game capacity 3.082KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<html>
<head>
    <style>
        canvas {
            border: 1px solid black;
        }
        
        img {
            width: 40px;
            height: 40px;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    <script>
        const canvas = document.getElementById("gameCanvas");
        const context = canvas.getContext("2d");
        const cellSize = 40;
        const numRows = canvas.height / cellSize;
        const numCols = canvas.width / cellSize;
        let grid = createGrid();

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

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

function countNeighbors(grid, row, col) {
            let sum = 0;
            const directions = [
                [-1, -1], [0, -1], [1, -1],
                [-1, 0], [1, 0],
                [-1, 1], [0, 1], [1, 1]
            ];
            for (let i = 0; i < directions.length; i++) {
                const direction = directions[i];
                const neighborRow = row + direction[0];
                const neighborCol = col + direction[1];

if (neighborRow >= 0 && neighborRow < numRows && neighborCol >= 0 && neighborCol < numCols) {
                    sum += grid[neighborRow][neighborCol];
                }
            }
            return sum;
        }

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

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