Earth Fire Warter... earth absorbs warter to grow fire destroys earth 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's game

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

No:51251

122

←

Prev Next

→

Earth Fire Warter... earth absorbs warter to grow ..ALL
Developer User18896｜Date and time 24/3/11 11:29:51
Build time 7.979 sec｜Game capacity 2.151KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

<!DOCTYPE html>
<html>
<head>
   <title>Elemental Game</title>
</head>
<body>
   <canvas id="canvas" width="400" height="400"></canvas>

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

const elementSize = 50;
      const colors = {
         earth: "#8B4513",
         water: "#36A9E1",
         fire: "#FF4500"
      };

function checkSurroundings(x, y) {
         const center = grid[y][x];
         let neighbors = [];

if (y > 0) neighbors.push(grid[y - 1][x]);
         if (y < grid.length - 1) neighbors.push(grid[y + 1][x]);
         if (x > 0) neighbors.push(grid[y][x - 1]);
         if (x < grid[y].length - 1) neighbors.push(grid[y][x + 1]);

if (center === "earth" && neighbors.includes("water")) {
            grid[y][x] = "water";
         } else if (center === "fire" && neighbors.includes("water")) {
            grid[y][x] = "water";
         } else if (center === "water" && neighbors.includes("earth")) {
            grid[y][x] = "earth";
         } else if (center === "earth" && neighbors.every(n => n === "earth")) {
            grid[y][x] = "fire";
         }
      }

function updateGrid() {
         let newGrid = JSON.parse(JSON.stringify(grid));

for (let i = 0; i < grid.length; i++) {
            for (let j = 0; j < grid[i].length; j++) {
               checkSurroundings(j, i);
            }
         }

grid = newGrid;
      }

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

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