Partical life...canvas 360 grid 36 sectors 36 subsectors 36's game | AI game creator

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

No:51796

74

Partical life...canvas 360 grid 36 sectors 36 subs..ALL
Developer User18896｜Date and time 24/3/16 12:49:15
Build time 7.682 sec｜Game capacity 2.311KB｜

→ 　

0　

0　

[PR]現在の人気ゲームランキング

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

(C)2023 HisashiApp

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Particle Life Game</title>
<style>
canvas {
    display: block;
    margin: 0 auto;
    border: 2px solid black;
}
</style>
</head>
<body>
<canvas id="gameCanvas" width="360" height="360"></canvas>

<script>
// Variables
const canvas = document.getElementById('gameCanvas');
const ctx = canvas.getContext('2d');
const cellSize = 10;
const numRows = 36;
const numCols = 36;
let grid = createGrid(numRows, numCols);

function createGrid(rows, cols) {
    let grid = new Array(rows);
    for (let i = 0; i < rows; i++) {
        grid[i] = new Array(cols).fill(0);
    }
    return grid;
}

function drawGrid() {
    for (let i = 0; i < numRows; i++) {
        for (let j = 0; j < numCols; j++) {
            if (grid[i][j] === 1) {
                ctx.fillStyle = 'black';
            } else {
                ctx.fillStyle = 'white';
            }
            ctx.fillRect(j * cellSize, i * cellSize, cellSize, cellSize);
        }
    }
}

function updateGrid() {
    let newGrid = createGrid(numRows, numCols);
    
    for (let i = 0; i < numRows; i++) {
        for (let j = 0; j < numCols; j++) {
            let neighbors = countNeighbors(grid, i, j);
            if (grid[i][j] === 1) {
                if (neighbors < 2 || neighbors > 3) {
                    newGrid[i][j] = 0;
                } else {
                    newGrid[i][j] = 1;
                }
            } else {
                if (neighbors === 3) {
                    newGrid[i][j] = 1;
                } else {
                    newGrid[i][j] = 0;
                }
            }
        }
    }

grid = newGrid;
}

function countNeighbors(grid, 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 gameLoop() {
    updateGrid();
    drawGrid();
    requestAnimationFrame(gameLoop);
}

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