AI game creator

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

No:50459

←

Prev Next

→

2048
Developer User21309｜Date and time 24/3/8 16:21:13
Build time 9.207 sec｜Game capacity 1.646KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html>
  <head>
    <title>2048 Game</title>
    <style>
      .tile {
        width: 100px;
        height: 100px;
        background-color: #eee;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 24px;
        font-weight: bold;
        margin: 5px;
      }
    </style>
  </head>
  <body>
    <div id="gameBoard" style="display: flex; flex-wrap: wrap;"></div>
    
    <script>
      let gameBoard = document.getElementById('gameBoard');
      let board = [];
      
      function initializeBoard() {
        board = Array.from({ length: 4 }, () => Array.from({ length: 4 }, () => 0));
        addRandomTile();
        addRandomTile();
        renderBoard();
      }
      
      function addRandomTile() {
        let emptyTiles = [];
        for (let i = 0; i < 4; i++) {
          for (let j = 0; j < 4; j++) {
            if (board[i][j] === 0) {
              emptyTiles.push({ row: i, col: j });
            }
          }
        }
        
        if (emptyTiles.length > 0) {
          let { row, col } = emptyTiles[Math.floor(Math.random() * emptyTiles.length)];
          board[row][col] = Math.random() < 0.9 ? 2 : 4;
        }
      }
      
      function renderBoard() {
        gameBoard.innerHTML = '';
        board.flat().forEach(tile => {
          let tileDiv = document.createElement('div');
          tileDiv.className = 'tile';
          tileDiv.innerText = tile === 0 ? '' : tile;
          gameBoard.appendChild(tileDiv);
        });
      }
      
      // Your game logic goes here
      
      initializeBoard();
    </script>
  </body>
</html>