Black building games sell your automotive like game of Life's game

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

No:30087

←

Prev Next

→

Black building games sell your automotive like gam..ALL
Developer User14708｜Date and time 23/12/20 19:02:09
Build time 22.651 sec｜Game capacity 4.421KB｜

Script

Sure! Here's a simple game implementation in a single HTML file that uses JavaScript and can be played on a smartphone. Please note that this implementation is a simplified version of the game of life and uses colored blocks instead of pictograms for simplicity:

To play the game: 1. Save the above code into a file named `game.html` 2. Open the file in a web browser on your smartphone. 3. You should see a canvas with colored blocks representing the game state. 4. The game will start automatically, and the game state will update every 100 milliseconds. 5. You can customize the size of the game grid by adjusting the `blockSize`, `width`, and `height` variables in the JavaScript code.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Game of Life</title>
</head>
<body>
    <canvas id="gameCanvas" style="border: 1px solid black;"></canvas>

// Create initial game state
        let gameState = createEmptyGameState();
        initializeRandomState();

// Function to create an empty game state
        function createEmptyGameState() {
            const state = [];
            for (let i = 0; i < height; i++) {
                state.push(new Array(width).fill(0));
            }
            return state;
        }

// Function to initialize the game state randomly
        function initializeRandomState() {
            for (let i = 0; i < height; i++) {
                for (let j = 0; j < width; j++) {
                    gameState[i][j] = Math.round(Math.random());
                }
            }
        }

// Function to draw the game state on the canvas
        function drawGameState() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

for (let i = 0; i < height; i++) {
                for (let j = 0; j < width; j++) {
                    if (gameState[i][j] === 1) {
                        ctx.fillStyle = "black";
                    } else {
                        ctx.fillStyle = "white";
                    }

ctx.fillRect(j * blockSize, i * blockSize, blockSize, blockSize);
                    ctx.strokeRect(j * blockSize, i * blockSize, blockSize, blockSize);
                }
            }
        }

// Function to update the game state
        function updateGameState() {
            const newGameState = createEmptyGameState();

for (let i = 0; i < height; i++) {
                for (let j = 0; j < width; j++) {
                    const neighbors = countAliveNeighbors(i, j);

if (gameState[i][j] === 1) {
                        if (neighbors < 2 || neighbors > 3) {
                            newGameState[i][j] = 0; // Cell dies by under/overpopulation
                        } else {
                            newGameState[i][j] = 1; // Cell survives
                        }
                    } else {
                        if (neighbors === 3) {
                            newGameState[i][j] = 1; // Cell becomes alive by reproduction
                        }
                    }
                }
            }

gameState = newGameState;
        }

// Function to count the number of alive neighbors of a cell
        function countAliveNeighbors(row, col) {
            let count = 0;

for (let i = -1; i <= 1; i++) {
                for (let j = -1; j <= 1; j++) {
                    const neighborRow = (row  + i + height) % height;
                    const neighborCol = (col + j + width) % width;
                    count += gameState[neighborRow][neighborCol];
                }
            }

count -= gameState[row][col];
            return count;
        }

// Function to start the game
        function startGame() {
            clearInterval(gameInterval);
            gameInterval = setInterval(function () {
                updateGameState();
                drawGameState();
            }, 100); // Update the game state every 100 milliseconds
        }

startGame(); // Start the game initially
    </script>
</body>
</html>
```

To play the game:

1. Save the above code into a file named `game.html`
2. Open the file in a web browser on your smartphone.
3. You should see a canvas with colored blocks representing the game state.
4. The game will start automatically, and the game state will update every 100 milliseconds.
5. You can customize the size of the game grid by adjusting the `blockSize`, `width`, and `height` variables in the JavaScript code.