AI game creator

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

No:34030

←

Prev Next

→

Merge Game
Developer User16001｜Date and time 24/1/7 20:43:02
Build time 58.621 sec｜Game capacity 5.632KB｜

Script

Sure! Here is an example of a simple merge game implemented as a single HTML file using JavaScript:

To play the game, simply open the HTML file in a web browser, and you will see the game board consisting of empty cells. You can use the arrow keys on your smartphone to move the tiles in their respective directions (up, down, left, right). The goal is to merge tiles with the same numbers to get to the highest possible number (2048 in this case). Good luck and have fun!

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

Sure! Here is an example of a simple merge game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Merge Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    
    #game-board {
      margin-top: 50px;
    }
    
    .cell {
      width: 70px;
      height: 70px;
      display: inline-block;
      margin: 5px;
      border: 2px solid #999;
      font-size: 28px;
      line-height: 70px;
    }
  </style>
</head>
<body>
  <div id="game-board"></div>

// Function to initialize the game board with random numbers
    function initializeBoard() {
      for (let i = 0; i < 2; i++) {
        addRandomNumber();
      }
    }

// Function to add a random number (2 or 4) to a random empty cell
    function addRandomNumber() {
      const emptyCells = [];
      for (let i = 0; i < 4; i++) {
        for (let j = 0; j < 4; j++) {
          if (board[i][j] === 0) {
            emptyCells.push({ row: i, col: j });
          }
        }
      }
      
      if (emptyCells.length > 0) {
        const randomCell = emptyCells[Math.floor(Math.random() * emptyCells.length)];
        board[randomCell.row][randomCell.col] = Math.random() < 0.5 ? 2 : 4;
      }
    }

// Function to render the game board
    function renderBoard() {
      const gameBoardElement = document.getElementById('game-board');
      gameBoardElement.innerHTML = '';

for (let i = 0; i < 4; i++) {
        for (let j = 0; j < 4; j++) {
          const cellElement = document.createElement('div');
          cellElement.className = 'cell';
          cellElement.innerText = board[i][j] === 0 ? '' : board[i][j];
          gameBoardElement.appendChild(cellElement);
        }
        gameBoardElement.innerHTML += '<br>';
      }
    }

// Function to handle key events
    document.addEventListener('keydown', function(event) {
      let moved = false;

switch (event.key) {
        case 'ArrowUp':
          moved = moveUp();
          break;
        case 'ArrowDown':
          moved = moveDown();
          break;
        case 'ArrowLeft':
          moved = moveLeft();
          break;
        case 'ArrowRight':
          moved = moveRight();
          break;
      }

// If any move happened, add a random number and render the board
      if (moved) {
        addRandomNumber();
        renderBoard();
      }
    });

// Function to move tiles upward
    function moveUp() {
      let moved = false;

for (let j = 0; j < 4; j++) {
        for (let i = 1; i < 4; i++) {
          if (board[i][j] !== 0) {
            let k = i;
            while (k > 0 && (board[k - 1][j] === 0 || board[k - 1][j] === board[i][j])) {
              if (board[k - 1][j] === 0) {
                board[k - 1][j] = board[i][j];
              } else {
                board[k - 1][j] += board[i][j];
              }
              board[i][j] = 0;
              moved = true;
              k--;
            }
          }
        }
      }

return moved;
    }

// Function to move tiles downward
    function moveDown() {
      let moved = false;

for (let j = 0; j < 4; j++) {
        for (let i = 2; i >= 0; i--) {
          if (board[i][j] !== 0) {
            let k = i;
            while (k < 3 && (board[k + 1][j] === 0 || board[k + 1][j] === board[i][j])) {
              if (board[k + 1][j] === 0) {
                board[k + 1][j] = board[i][j];
              } else {
                board[k + 1][j] += board[i][j];
              }
              board[i][j] = 0;
              moved = true;
              k++;
            }
          }
        }
      }

return moved;
    }

// Function to move tiles leftward
    function moveLeft() {
      let moved = false;

for (let i = 0; i < 4; i++) {
        for (let j = 1; j < 4; j++) {
          if (board[i][j] !== 0) {
            let k = j;
            while (k > 0 && (board[i][k - 1] === 0 || board[i][k - 1] === board[i][j])) {
              if (board[i][k - 1] === 0) {
                board[i][k - 1] = board[i][j];
              } else {
                board[i][k - 1] += board[i][j];
              }
              board[i][j] = 0;
              moved = true;
              k--;
            }
          }
        }
      }

return moved;
    }

// Function to move tiles rightward
    function moveRight() {
      let moved = false;

for (let i = 0; i < 4; i++) {
        for (let j = 2; j >= 0; j--) {
          if (board[i][j] !== 0) {
            let k = j;
            while (k < 3 && (board[i][k + 1] === 0 || board[i][k + 1] === board[i][j])) {
              if (board[i][k + 1] === 0) {
                board[i][k + 1] = board[i][j];
              } else {
                board[i][k + 1] += board[i][j];
              }
              board[i][j] = 0;
              moved = true;
              k++;
            }
          }
        }
      }

return moved;
    }

// Initialize the game board and render it initially
    initializeBoard();
    renderBoard();
  </script>
</body>
</html>
```