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:51263

←

Prev Next

→

Earth Fire Warter... earth absorbs warter to grow ..ALL
Developer User18896｜Date and time 24/3/11 11:45:57
Build time 10.188 sec｜Game capacity 3.132KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Elemental Battle Game</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    <script>
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');

const GRID_SIZE = 20;
        const ROWS = canvas.height / GRID_SIZE;
        const COLS = canvas.width / GRID_SIZE;

let grid = createGrid();

function createGrid() {
            let arr = new Array(ROWS);
            for (let i = 0; i < ROWS; i++) {
                arr[i] = new Array(COLS).fill('empty');
            }
            return arr;
        }

function waterNearby(i, j) {
            return (grid[i-1]?.[j] === 'water' || grid[i+1]?.[j] === 'water' || grid[i]?.[j-1] === 'water' || grid[i]?.[j+1] === 'water');
        }

function earthNearby(i, j) {
            return (grid[i-1]?.[j] === 'earth' || grid[i+1]?.[j] === 'earth' || grid[i]?.[j-1] === 'earth' || grid[i]?.[j+1] === 'earth');
        }

function fireNearby(i, j) {
            return (grid[i-1]?.[j] === 'fire' || grid[i+1]?.[j] === 'fire' || grid[i]?.[j-1] === 'fire' || grid[i]?.[j+1] === 'fire');
        }

function gameLoop() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            drawGrid();
            updateGrid();
            requestAnimationFrame(gameLoop);
        }

grid[10][10] = 'earth';
        grid[10][11] = 'fire';
        grid[10][12] = 'water';

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