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

130

←

Prev Next

→

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

Script

←

Prev　Next

→ 　

Back　

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

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

<html>
  <head>
    <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 gridSize = 10;
      const rows = canvas.width / gridSize;
      const cols = canvas.height / gridSize;

let board = new Array(cols).fill(null).map(() => new Array(rows).fill('earth'));

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

board.forEach((col, i) => {
          col.forEach((cell, j) => {
            if (cell === 'earth') {
              ctx.fillStyle = 'green';
            } else if (cell === 'fire') {
              ctx.fillStyle = 'red';
            } else if (cell === 'water') {
              ctx.fillStyle = 'blue';
            } else if (cell === 'space') {
              ctx.fillStyle = 'black';
            }
            ctx.fillRect(i * gridSize, j * gridSize, gridSize, gridSize);
          });
        });
      }

function update() {
        let newBoard = new Array(cols).fill(null).map(() => new Array(rows).fill('earth'));

board.forEach((col, i) => {
          col.forEach((cell, j) => {
            if (cell === 'earth') {
              if (board[i - 1] && board[i - 1][j] === 'water') {
                newBoard[i][j] = 'water';
              } else {
                newBoard[i][j] = 'earth';
              }
            } else if (cell === 'fire') {
              if (board[i + 1] && board[i + 1][j] === 'earth') {
                newBoard[i][j] = 'space';
              } else {
                newBoard[i][j] = 'fire';
              }
            } else if (cell === 'water') {
              if (board[i][j - 1] === 'earth') {
                newBoard[i][j] = 'earth';
              } else {
                newBoard[i][j] = 'water';
              }
            } else if (cell === 'space') {
              newBoard[i][j] = 'space';
            }
          });
        });

board = newBoard;
      }

function gameLoop() {
        update();
        drawBoard();
        requestAnimationFrame(gameLoop);
      }

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