AI game creator

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

No:26965

←

Prev Next

→

Merge Game
Developer User13350｜Date and time 23/12/3 14:39:05
Build time 176.033 sec｜Game capacity 7.827KB｜

Script

Sure! Here's an example of a simple merge game implemented as a single HTML file using JavaScript and enclosed in script tags:

Game Over!

You can save the code above into a `.html` file and open it in a web browser on your smartphone to play the game. The game is based on the popular 2048 merging puzzle game, where the player needs to combine tiles with the same number until they reach the tile with the value of 2048 or until there are no more valid moves.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a simple merge game implemented as a single HTML file using JavaScript and enclosed in script tags:

```html
<!DOCTYPE html>
<html>
  <head>
    <style>
      body {
        background-color: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100vh;
        font-family: Arial, sans-serif;
      }

#game-board {
        border: 2px solid #333333;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        width: 250px;
        height: 250px;
        gap: 5px;
        padding: 5px;
        background-color: #ffffff;
      }

.cell {
        background-color: #eeeeee;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 24px;
        font-weight: bold;
        border-radius: 5px;
      }

.cell-2 {
        background-color: #fff59d;
      }

.cell-4 {
        background-color: #ffcc80;
      }

.cell-8 {
        background-color: #ffab91;
      }

.cell-16 {
        background-color: #ff8a65;
      }

/* Add more class styles for higher numbers if desired */

.game-over {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 999;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        color: #ffffff;
        font-size: 32px;
        font-weight: bold;
      }
    </style>
  </head>
  <body>
    <div id="game-board"></div>
    <div class="game-over" id="game-over">Game Over!</div>

function initializeBoard() {
        for (let i = 0; i < 4; i++) {
          board[i] = [];
          for (let j = 0; j < 4; j++) {
            board[i][j] = 0;
          }
        }

addRandomCell();
        addRandomCell();
      }

function addRandomCell() {
        const availableCells = [];

for (let i = 0; i < 4; i++) {
          for (let j = 0; j < 4; j++) {
            if (board[i][j] === 0) {
              availableCells.push({ row: i, col: j });
            }
          }
        }

if (availableCells.length > 0) {
          const randomIndex = Math.floor(Math.random() * availableCells.length);
          const randomValue = Math.random() < 0.9 ? 2 : 4;

const { row, col } = availableCells[randomIndex];
          board[row][col] = randomValue;
        }
      }

function move(direction) {
        if (gameOver) return;

let moved = false;

switch (direction) {
          case "up":
            moved = moveUp();
            break;
          case "down":
            moved = moveDown();
            break;
          case "left":
            moved = moveLeft();
            break;
          case "right":
            moved = moveRight();
            break;
        }

if (moved) {
          addRandomCell();

if (isGameOver()) {
            gameOver = true;
            showGameOver();
          }
        }
      }

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[k][j];
                board[k][j] = 0;
                k--;
                moved = true;
              }

if (k > 0 && board[k - 1][j] === board[k][j]) {
                board[k - 1][j] *= 2;
                board[k][j] = 0;
                moved = true;
              }
            }
          }
        }

return moved;
      }

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[k][j];
                board[k][j] = 0;
                k++;
                moved = true;
              }

if (k < 3 && board[k + 1][j] === board[k][j]) {
                board[k + 1][j] *= 2;
                board[k][j] = 0;
                moved = true;
              }
            }
          }
        }

return moved;
      }

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][k];
                board[i][k] = 0;
                k--;
                moved = true;
              }

if (k > 0 && board[i][k - 1] === board[i][k]) {
                board[i][k - 1] *= 2;
                board[i][k] = 0;
                moved = true;
              }
            }
          }
        }

return moved;
      }

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][k];
                board[i][k] = 0;
                k++;
                moved = true;
              }

if (k < 3 && board[i][k + 1] === board[i][k]) {
                board[i][k + 1] *= 2;
                board[i][k] = 0;
                moved = true;
              }
            }
          }
        }

return moved;
      }

return true;
      }

function showGameOver() {
        const gameOverElement = document.getElementById("game-over");
        gameOverElement.style.display = "flex";
      }

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 cellValue = board[i][j] !== 0 ? board[i][j] : "";
            const cellElement = document.createElement("div");
            cellElement.className = `cell cell-${cellValue}`;
            cellElement.textContent = cellValue;
            gameBoardElement.appendChild(cellElement);
          }
        }
      }

// Event listeners for keyboard controls
      document.addEventListener("keydown", function (event) {
        if (event.key === "ArrowUp") {
          move("up");
        } else if (event.key === "ArrowDown") {
          move("down");
        } else if (event.key === "ArrowLeft") {
          move("left");
        } else if (event.key === "ArrowRight") {
          move("right");
        }
        renderBoard();
      });

// Initialize game
      initializeBoard();
      renderBoard();
    </script>
  </body>
</html>
```