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's game

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

No:51258

111

←

Prev Next

→

Earth Fire Warter... earth absorbs warter to grow ..ALL
Developer User18896｜Date and time 24/3/11 11:42:24
Build time 12.659 sec｜Game capacity 3.519KB｜

Script

This code implements a simple elemental game where Earth, Fire, and Water interact with each other based on the rules you described. The game runs on a canvas element and each element is represented by a different color. The game updates every second with the new state of the elements.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Elemental Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="300" height="300"></canvas>
    <script>
        const canvas = document.getElementById("gameCanvas");
        const ctx = canvas.getContext("2d");
        
        const tileSize = 30;
        const gridWidth = canvas.width / tileSize;
        const gridHeight = canvas.height / tileSize;
        
        let grid = [];
        
        function initializeGrid() {
            for (let i = 0; i < gridHeight; i++) {
                grid[i] = [];
                for (let j = 0; j < gridWidth; j++) {
                    grid[i][j] = Math.floor(Math.random() * 3);
                }
            }
        }
        
        function updateGame() {
            let newGrid = [];
            
            for (let i = 0; i < gridHeight; i++) {
                newGrid[i] = [];
                for (let j = 0; j < gridWidth; j++) {
                    let neighbors = getNeighbors(i, j);
                    
                    if (grid[i][j] === 0) { // Earth
                        newGrid[i][j] = neighbors[2] === 2 ? 1 : 0; 
                    } else if (grid[i][j] === 1) { // Fire
                        newGrid[i][j] = neighbors[1] === 1 ? 0 : 1;
                    } else if (grid[i][j] === 2) { // Water
                        newGrid[i][j] = neighbors[0] === 0 ? 0 : 2;
                    }
                }
            }
            
            grid = newGrid;
        }
        
        function getNeighbors(i, j) {
            let earth = 0, fire = 0, water = 0;
            
            for (let x = i - 1; x <= i + 1; x++) {
                for (let y = j - 1; y <= j + 1; y++) {
                    if (x >= 0 && x < gridHeight && y >= 0 && y < gridWidth && !(x === i && y === j)) {
                        switch (grid[x][y]) {
                            case 0: 
                                earth++;
                                break;
                            case 1: 
                                fire++;
                                break;
                            case 2: 
                                water++;
                                break;
                        }
                    }
                }
            }
            
            return [water, fire, earth];
        }
        
        function draw() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            
            for (let i = 0; i < gridHeight; i++) {
                for (let j = 0; j < gridWidth; j++) {
                    if (grid[i][j] === 0) { // Earth
                        ctx.fillStyle = "green";
                    } else if (grid[i][j] === 1) { // Fire
                        ctx.fillStyle = "red";
                    } else if (grid[i][j] === 2) { // Water
                        ctx.fillStyle = "blue";
                    }
                    
                    ctx.fillRect(j * tileSize, i * tileSize, tileSize, tileSize);
                }
            }
        }
        
        initializeGrid();
        setInterval(function() {
            updateGame();
            draw();
        }, 1000);
    </script>
</body>
</html>
```
This code implements a simple elemental game where Earth, Fire, and Water interact with each other based on the rules you described. The game runs on a canvas element and each element is represented by a different color. The game updates every second with the new state of the elements.