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

No:27301

←

Prev Next

→

Merge Game
Developer User13247｜Date and time 23/12/6 2:46:16
Build time 88.637 sec｜Game capacity 5.139KB｜

Script

Merge Game

Score: 0

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Merge Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    .score {
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 10px;
    }
    .board {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
    }
    .cell {
      width: 100px;
      height: 100px;
      border: 1px solid #ccc;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 32px;
      font-weight: bold;
    }
  </style>
</head>
<body>
  <h1>Merge Game</h1>
  <div class="score">Score: <span id="score">0</span></div>
  <div class="board">
    <div class="cell" id="cell0"></div>
    <div class="cell" id="cell1"></div>
    <div class="cell" id="cell2"></div>
    <div class="cell" id="cell3"></div>
    <div class="cell" id="cell4"></div>
    <div class="cell" id="cell5"></div>
    <div class="cell" id="cell6"></div>
    <div class="cell" id="cell7"></div>
    <div class="cell" id="cell8"></div>
    <div class="cell" id="cell9"></div>
    <div class="cell" id="cell10"></div>
    <div class="cell" id="cell11"></div>
    <div class="cell" id="cell12"></div>
    <div class="cell" id="cell13"></div>
    <div class="cell" id="cell14"></div>
    <div class="cell" id="cell15"></div>
  </div>

// Function to start the game
    function startGame() {
      generateRandomCell();
      generateRandomCell();
      updateBoard();
    }

// Function to update the game board
    function updateBoard() {
      for (let i = 0; i < 16; i++) {
        const cell = document.getElementById("cell" + i);
        cell.textContent = board[i] === 0 ? "" : board[i];
      }
      document.getElementById("score").textContent = score;
    }

// Function to generate a random cell (2 or 4)
    function generateRandomCell() {
      const emptyCells = [];
      for (let i = 0; i < 16; i++) {
        if (board[i] === 0) {
          emptyCells.push(i);
        }
      }
      const randomIndex = emptyCells[Math.floor(Math.random() * emptyCells.length)];
      const randomValue = Math.random() < 0.9 ? 2 : 4;
      board[randomIndex] = randomValue;
    }

// Function to handle the merge operation
    function merge(direction) {
      let moved = false;
      if (direction === "left" || direction === "right") {
        for (let i = 0; i < 16; i += 4) {
          const row = board.slice(i, i + 4);
          const mergedRow = mergeRow(row, direction);
          if (JSON.stringify(row) !== JSON.stringify(mergedRow)) {
            moved = true;
          }
          for (let j = 0; j < 4; j++) {
            board[i + j] = mergedRow[j];
          }
        }
      } else if (direction === "up" || direction === "down") {
        for (let i = 0; i < 4; i++) {
          const column = [board[i], board[i + 4], board[i + 8], board[i + 12]];
          const mergedColumn = mergeRow(column, direction);
          if (JSON.stringify(column) !== JSON.stringify(mergedColumn)) {
            moved = true;
          }
          for (let j = 0; j < 4; j++) {
            board[i + (j * 4)] = mergedColumn[j];
          }
        }
      }
      if (moved) {
        generateRandomCell();
        updateBoard();
      }
    }

// Function to merge a row or column
    function mergeRow(row, direction) {
      const mergedRow = row.filter(value => value !== 0);
      if (direction === "left" || direction === "up") {
        for (let i = 0; i < mergedRow.length - 1; i++) {
          if (mergedRow[i] === mergedRow[i + 1]) {
            mergedRow[i] *= 2;
            score += mergedRow[i];
            mergedRow.splice(i + 1, 1);
          }
        }
      } else if (direction === "right" || direction === "down") {
        for (let i = mergedRow.length - 1; i > 0; i--) {
          if (mergedRow[i] === mergedRow[i - 1]) {
            mergedRow[i] *= 2;
            score += mergedRow[i];
            mergedRow.splice(i - 1, 1);
          }
        }
      }
      const missingZeros = 4 - mergedRow.length;
      if (direction === "left" || direction === "up") {
        for (let i = 0; i < missingZeros; i++) {
          mergedRow.push(0);
        }
      } else if (direction === "right" || direction === "down") {
        for (let i = 0; i < missingZeros; i++) {
          mergedRow.unshift(0);
        }
      }
      return mergedRow;
    }

// Function to handle key press events
    function handleKeyPress(event) {
      event.preventDefault();
      if (event.keyCode === 37 || event.keyCode === 65) {
        merge("left");
      } else if (event.keyCode === 39 || event.keyCode === 68) {
        merge("right");
      } else if (event.keyCode === 38 || event.keyCode === 87) {
        merge("up");
      } else if (event.keyCode === 40 || event.keyCode === 83) {
        merge("down");
      }
    }

// Bind the key press event listener
    document.addEventListener("keydown", handleKeyPress);

// Start the game
    startGame();
  </script>
</body>
</html>