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

No:48254

Conways game of life color cell wars touch the cel..ALL
Developer User18896｜Date and time 24/3/1 20:25:21
Build time 14.779 sec｜Game capacity 4.967KB｜

Script

Conway's Game of Life: Color Cell Wars

Color Block Count: 0

This HTML file implements Conway's Game of Life with a twist of color cells. The game allows you to click on cells to change their color to one of five different colors. The primary colors are used in the game. The player can play, stop, and refresh the game using the buttons provided. The color block count is displayed above the canvas. You can interact with the game on a smartphone or any device that can run HTML and JavaScript. Enjoy playing!

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Conway's Game of Life: Color Cell Wars</title>
    <style>
        body {
            text-align: center;
        }

canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <h1>Conway's Game of Life: Color Cell Wars</h1>
    <canvas id="gameCanvas" width="300" height="300"></canvas><br>
    <button onclick="play()">Play</button>
    <button onclick="stop()">Stop</button>
    <button onclick="refresh()">Refresh</button><br>
    <p id="colorCount">Color Block Count: 0</p><br>

const cellSize = 20;
        const numRows = canvas.height / cellSize;
        const numCols = canvas.width / cellSize;

let cells = createEmptyGrid();
        let isPlaying = false;
        let colorCount = 0;

canvas.addEventListener("click", function(event) {
            const x = event.offsetX;
            const y = event.offsetY;

const row = Math.floor(y / cellSize);
            const col = Math.floor(x / cellSize);

changeCellColor(row, col);
        });

function createEmptyGrid() {
            let grid = new Array(numRows);
            for (let i = 0; i < grid.length; i++) {
                grid[i] = new Array(numCols).fill(0);
            }
            return grid;
        }

function drawGrid() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

for (let i = 0; i < numRows; i++) {
                for (let j = 0; j < numCols; j++) {
                    if (cells[i][j] !== 0) {
                        ctx.fillStyle = cells[i][j];
                        ctx.fillRect(j * cellSize, i * cellSize, cellSize, cellSize);
                    }
                }
            }
        }

function getRandomColor() {
            const colors = ["red", "blue", "green", "yellow", "purple"];
            return colors[Math.floor(Math.random() * colors.length)];
        }

function play() {
            isPlaying = true;
            update();
        }

function stop() {
            isPlaying = false;
        }

function refresh() {
            cells = createEmptyGrid();
            isPlaying = false;
            colorCount = 0;
            document.getElementById("colorCount").innerText = "Color Block Count: 0";
            drawGrid();
        }

drawGrid();
    </script>
</body>
</html>
```
This HTML file implements Conway's Game of Life with a twist of color cells. The game allows you to click on cells to change their color to one of five different colors. The primary colors are used in the game. The player can play, stop, and refresh the game using the buttons provided. The color block count is displayed above the canvas. You can interact with the game on a smartphone or any device that can run HTML and JavaScript. Enjoy playing!