AI game creator

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

No:32001

←

Prev Next

→

Game of live
Developer User15234｜Date and time 23/12/29 5:07:12
Build time 26.984 sec｜Game capacity 4.341KB｜

Script

Sure! Here's a simple implementation of the classic "Game of Life" as a single HTML file using JavaScript. The game will be playable on a smartphone and uses pictograms to represent the cells.

To visualize the cell's state, I'm using green (🟢) for alive cells and white (⚪️) for dead cells. The game starts with a randomly generated initial configuration and updates the grid every 500 milliseconds (adjustable via the `interval` variable). The game follows the rules of the "Game of Life" and evolves the cells to their next generation based on these rules.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

Sure! Here's a simple implementation of the classic "Game of Life" as a single HTML file using JavaScript. The game will be playable on a smartphone and uses pictograms to represent the cells.

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Game of Life</title>
    <style>
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            background-color: #f0f0f0;
        }

#grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(15px, 1fr));
            grid-gap: 1px;
        }

.cell {
            width: 15px;
            height: 15px;
            background-color: #fff;
            border: 1px solid #ccc;
        }
    </style>
</head>
<body>
    <div id="grid"></div>

// Create the grid based on the settings
        const grid = document.getElementById('grid');

for (let i = 0; i < gridSize; i++) {
            for (let j = 0; j < gridSize; j++) {
                const cell = document.createElement('div');
                cell.className = 'cell';
                cell.id = `cell-${i}-${j}`;
                grid.appendChild(cell);
            }
        }

// Initialize the game state (randomly)
        let gameState = [];

for (let i = 0; i < gridSize; i++) {
            const row = [];

for (let j = 0; j < gridSize; j++) {
                const isAlive = Math.random() > 0.5;
                row.push(isAlive);
            }

gameState.push(row);
        }

// Function to update the grid based on the game state
        function updateGrid() {
            const cells = document.getElementsByClassName('cell');

for (let i = 0; i < gridSize; i++) {
                for (let j = 0; j < gridSize; j++) {
                    const cell = gameState[i][j] ? '🟢' : '⚪️';
                    cells[i * gridSize + j].innerHTML = cell;
                }
            }
        }

// Function to calculate the next generation of the game state
        function nextGeneration() {
            const newGameState = [];

for (let i = 0; i < gridSize; i++) {
                const newRow = [];

for (let j = 0; j < gridSize; j++) {
                    const neighbors = countNeighbors(i, j);
                    const isAlive = gameState[i][j];

if (isAlive && (neighbors < 2 || neighbors > 3)) {
                        newRow.push(false);
                    } else if (!isAlive && neighbors === 3) {
                        newRow.push(true);
                    } else {
                        newRow.push(isAlive);
                    }
                }

newGameState.push(newRow);
            }

gameState = newGameState;
            updateGrid();
        }

// Function to count the number of living neighbors for a given cell
        function countNeighbors(x, y) {
            let count = 0;

for (let i = -1; i <= 1; i++) {
                for (let j = -1; j <= 1; j++) {
                    if (i === 0 && j === 0) continue;

const neighborX = x + i;
                    const neighborY = y + j;

if (neighborX >= 0 && neighborX < gridSize && neighborY >= 0 && neighborY < gridSize) {
                        if (gameState[neighborX][neighborY]) {
                            count++;
                        }
                    }
                }
            }

return count;
        }

// Start the game by updating the grid and generating the next generation periodically
        updateGrid();

setInterval(nextGeneration, interval);
    </script>
</body>
</html>
```