AI game creator

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

No:10394

←

Prev Next

→

Conways Life Game
Developer User4553｜Date and time 23/7/31 3:15:49
Build time 27.11 sec｜Game capacity 2.844KB｜

Script

了解です。以下に示すコードは、JavaScriptを使用して実装されたConwayのライフゲームです。HTMLファイルに組み込むことができます。

このコードをHTMLファイルに貼り付けて、ブラウザで開くとConwayのライフゲームがプレイできます。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

了解です。以下に示すコードは、JavaScriptを使用して実装されたConwayのライフゲームです。HTMLファイルに組み込むことができます。

```html
<!DOCTYPE html>
<html>
<head>
  <title>Conway's Game of Life</title>
</head>
<body>
  <canvas id="gameCanvas" style="border:1px solid black"></canvas>
  
  <script>
    // ゲームの設定
    var canvas = document.getElementById("gameCanvas");
    var ctx = canvas.getContext("2d");
    var cellSize = 10;
    var rows = canvas.height / cellSize;
    var columns = canvas.width / cellSize;
    var gameGrid = createGrid();
    var nextGrid = createGrid();
  
    // セルの初期化
    function createGrid() {
      var grid = new Array(columns);
      for (var i = 0; i < columns; i++) {
        grid[i] = new Array(rows);
        for (var j = 0; j < rows; j++) {
          grid[i][j] = Math.round(Math.random());
        }
      }
      return grid;
    }
  
    // ゲームの描画
    function drawGame() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
  
      for (var i = 0; i < columns; i++) {
        for (var j = 0; j < rows; j++) {
          var cellX = i * cellSize;
          var cellY = j * cellSize;
          ctx.beginPath();
          if (gameGrid[i][j] === 1) {
            ctx.fillRect(cellX, cellY, cellSize, cellSize);
          } else {
            ctx.strokeRect(cellX, cellY, cellSize, cellSize);
          }
          ctx.closePath();
        }
      }
    }
  
    // 次世代の計算
    function computeNextGeneration() {
      for (var i = 0; i < columns; i++) {
        for (var j = 0; j < rows; j++) {
          var neighbors = countNeighbors(i, j);
          if (gameGrid[i][j] === 0 && neighbors === 3) {
            nextGrid[i][j] = 1;
          } else if (gameGrid[i][j] === 1 && (neighbors < 2 || neighbors > 3)) {
            nextGrid[i][j] = 0;
          } else {
            nextGrid[i][j] = gameGrid[i][j];
          }
        }
      }
    }
  
    // 近傍の生存セル数をカウント
    function countNeighbors(x, y) {
      var count = 0;
      for (var i = -1; i <= 1; i++) {
        for (var j = -1; j <= 1; j++) {
          var col = (x + i + columns) % columns;
          var row = (y + j + rows) % rows;
          count += gameGrid[col][row];
        }
      }
      count -= gameGrid[x][y];
      return count;
    }
  
    // ゲームの更新
    function updateGame() {
      computeNextGeneration();
      gameGrid = nextGrid;
      drawGame();
    }
  
    // ゲームループ
    setInterval(updateGame, 100);
  </script>
</body>
</html>
```

このコードをHTMLファイルに貼り付けて、ブラウザで開くとConwayのライフゲームがプレイできます。