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

No:50446

←

Prev Next

→

Character.AI
Developer User21309｜Date and time 24/3/8 16:16:56
Build time 13.534 sec｜Game capacity 2.878KB｜

Script

Игра "Жизнь"

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Игра "Жизнь"</title>
  <style>
    #gameboard {
      display: flex;
      flex-wrap: wrap;
      width: 300px;
      height: 300px;
    }
    .cell {
      width: 30px;
      height: 30px;
      background-color: grey;
      border: 1px solid black;
    }
  </style>
</head>
<body>
  <h1>Игра "Жизнь"</h1>
  <div id="gameboard"></div>
  
  <script>
    const rows = 10;
    const cols = 10;
    let board = [];
    
    function createBoard() {
      let gameboard = document.getElementById('gameboard');
      for (let i = 0; i < rows; i++) {
        board[i] = [];
        for (let j = 0; j < cols; j++) {
          let cell = document.createElement('div');
          cell.className = 'cell';
          cell.dataset.row = i;
          cell.dataset.col = j;
          cell.addEventListener('click', toggleCell);
          gameboard.appendChild(cell);
          board[i][j] = 0;
        }
      }
    }
    
    function toggleCell() {
      let row = parseInt(this.dataset.row);
      let col = parseInt(this.dataset.col);
      if (board[row][col] === 1) {
        this.style.backgroundColor = 'grey';
        board[row][col] = 0;
      } else {
        this.style.backgroundColor = 'black';
        board[row][col] = 1;
      }
    }
    
    function startGame() {
      setInterval(() => {
        let newBoard = [];
        
        for (let i = 0; i < rows; i++) {
          newBoard[i] = [];
          for (let j = 0; j < cols; j++) {
            let neighbors = getNeighbors(i, j);
            if (board[i][j] === 1) {
              if (neighbors < 2 || neighbors > 3) {
                newBoard[i][j] = 0;
              } else {
                newBoard[i][j] = 1;
              }
            } else {
              if (neighbors === 3) {
                newBoard[i][j] = 1;
              } else {
                newBoard[i][j] = 0;
              }
            }
          }
        }
        
        board = newBoard;
        updateBoard();
      }, 1000);
    }
    
    function getNeighbors(row, col) {
      let count = 0;
      
      for (let i = row - 1; i <= row + 1; i++) {
        for (let j = col - 1; j <= col + 1; j++) {
          if (i >= 0 && j >= 0 && i < rows && j < cols && !(i === row && j === col)) {
            count += board[i][j];
          }
        }
      }
      
      return count;
    }
    
    function updateBoard() {
      let cells = document.getElementsByClassName('cell');
      
      for (let i = 0; i < rows; i++) {
        for (let j = 0; j < cols; j++) {
          let index = i * cols + j;
          if (board[i][j] === 1) {
            cells[index].style.backgroundColor = 'black';
          } else {
            cells[index].style.backgroundColor = 'grey';
          }
        }
      }
    }
    
    createBoard();
    startGame();
  </script>
</body>
</html>