Earth Fire Warter... earth absorbs warter to grow fire destroys earth creating space warter stops fire if 1 earth is surounded by warter it floods turning to warter if 1 fire is surounded by warter it is destroyed if 1 warter is surounded by earth it turns to earth if 1 earth is surounded by earth it gets to hot creating fire auto update canvas earth spread if space fire spreads on earth fire burns out leaving space's game

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

No:51261

←

Prev Next

→

Earth Fire Warter... earth absorbs warter to grow ..ALL
Developer User18896｜Date and time 24/3/11 11:44:43
Build time 7.547 sec｜Game capacity 2.148KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Elemental Battle</title>
</head>
<body>
<canvas id="elementalCanvas" width="400" height="400"></canvas>
<script>
    const canvas = document.getElementById('elementalCanvas');
    const ctx = canvas.getContext('2d');

const earth = '🌎'; // pictograms representing elements
    const fire = '🔥';
    const water = '💧';
    const space = '';

let grid = [
        [earth, earth, earth],
        [earth, fire, earth],
        [space, space, water]
    ];

function updateGrid() {
        let newGrid = [
            [space, space, space],
            [space, space, space],
            [space, space, space]
        ];

for (let i = 0; i < 3; i++) {
            for (let j = 0; j < 3; j++) {
                let neighbors = [];
                if (i > 0) neighbors.push(grid[i - 1][j]);
                if (i < 2) neighbors.push(grid[i + 1][j]);
                if (j > 0) neighbors.push(grid[i][j - 1]);
                if (j < 2) neighbors.push(grid[i][j + 1]);

if (grid[i][j] === earth) {
                    if (neighbors.includes(water)) {
                        newGrid[i][j] = water;
                    }
                } else if (grid[i][j] === fire) {
                    if (neighbors.includes(earth)) {
                        newGrid[i][j] = space;
                    }
                } else if (grid[i][j] === water) {
                    if (neighbors.includes(fire)) {
                        newGrid[i][j] = space;
                    } else {
                        newGrid[i][j] = earth;
                    }
                }
            }
        }

grid = newGrid;
    }

function playGame() {
        setInterval(() => {
            updateGrid();
            drawGrid();
        }, 1000); // update the grid every second
    }

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