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

No:32904

←

Prev Next

→

Merge Game
Developer User15534｜Date and time 24/1/1 14:23:48
Build time 62.625 sec｜Game capacity 8.655KB｜

Script

Certainly! Here's an example of a simple merge game implemented as a single HTML file, using JavaScript and pictograms:

Merge Game

Score: 0

This implementation creates a 4x4 grid representing the game board where you can merge numbers by using the arrow keys. Pictograms are used to represent the numbers, such as ⚽️, 🏀, 🎾, etc. Each merge adds the numbers together, and the goal is to reach the number 2048. The game ends when there are no more valid moves. The player's score is displayed, and a "New Game" button allows for restarting the game. Note: This implementation is a simplified version of the popular 2048 game. You can modify it and add more features to suit your specific requirements.

←

Prev　Next

→ 　

Back　

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

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

Certainly! Here's an example of a simple merge game implemented as a single HTML file, using JavaScript and pictograms:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Merge Game</title>
  <style>
    .cell {
      width: 50px;
      height: 50px;
      line-height: 50px;
      text-align: center;
      font-size: 24px;
      font-weight: bold;
      border: 1px solid #000;
      margin: 2px;
    }
  </style>
</head>
<body>
  <div>
    <h1>Merge Game</h1>
    <div>
      <button onclick="resetGame()">New Game</button>
      <span id="score">Score: 0</span>
    </div>
    <div id="gameBoard"></div>
  </div>

var gameBoard = [];
    var score = 0;

// Generate the initial game board
    function generateGameBoard() {
      for (var i = 0; i < size; i++) {
        gameBoard[i] = [];
        for (var j = 0; j < size; j++) {
          gameBoard[i][j] = 0;
        }
      }
      addNewNumber();
      addNewNumber();
    }

// Add a new number (2 or 4) to a random empty cell
    function addNewNumber() {
      var emptyCells = [];
      for (var i = 0; i < size; i++) {
        for (var j = 0; j < size; j++) {
          if (gameBoard[i][j] === 0) {
            emptyCells.push({ x: i, y: j });
          }
        }
      }
      if (emptyCells.length === 0) return;
      var randomCell = emptyCells[Math.floor(Math.random() * emptyCells.length)];
      gameBoard[randomCell.x][randomCell.y] = Math.random() < 0.9 ? 2 : 4;
    }

// Render the game board
    function renderGameBoard() {
      var gameBoardElement = document.getElementById("gameBoard");
      gameBoardElement.innerHTML = "";

for (var i = 0; i < size; i++) {
        for (var j = 0; j < size; j++) {
          var cellValue = gameBoard[i][j];
          var cellElement = document.createElement("div");
          cellElement.className = "cell";
          cellElement.style.backgroundColor = getColor(cellValue);
          cellElement.textContent = getEmoji(cellValue);
          gameBoardElement.appendChild(cellElement);
        }
      }
    }

// Get the emoji representation of a number
    function getEmoji(number) {
      switch (number) {
        case 2:
          return "️⚽️";
        case 4:
          return "🏀";
        case 8:
          return "🎾";
        case 16:
          return "🏈";
        case 32:
          return "🏐";
        case 64:
          return "🎱";
        case 128:
          return "🏸";
        case 256:
          return "🏉";
        case 512:
          return "🎳";
        case 1024:
          return "🏓";
        case 2048:
          return "🏀";
        default:
          return "";
      }
    }

// Get the color for a number
    function getColor(number) {
      switch (number) {
        case 2:
          return "#FFC107";
        case 4:
          return "#FF9800";
        case 8:
          return "#FF5722";
        case 16:
          return "#E91E63";
        case 32:
          return "#9C27B0";
        case 64:
          return "#673AB7";
        case 128:
          return "#3F51B5";
        case 256:
          return "#2196F3";
        case 512:
          return "#03A9F4";
        case 1024:
          return "#00BCD4";
        case 2048:
          return "#009688";
        default:
          return "#9E9E9E"; // Empty cell color
      }
    }

// Handle player's key press actions
    function handleKeyPress(event) {
      var keyPressed = event.key;
      
      if (keyPressed === "ArrowUp" || keyPressed === "ArrowDown" || 
          keyPressed === "ArrowLeft" || keyPressed === "ArrowRight") {
        event.preventDefault(); // Prevent page scroll on arrow keys
      
        var moved = moveCells(keyPressed);
        if (moved) {
          addNewNumber();
          renderGameBoard();
        }
        checkGameOver();
      }
    }

// Merge cells based on the key pressed
    function moveCells(direction) {
      var moved = false;

switch (direction) {
        case "ArrowUp":
          for (var j = 0; j < size; j++) {
            for (var i = 1; i < size; i++) {
              if (gameBoard[i][j] !== 0) {
                var k = i;
                while (k > 0 && gameBoard[k - 1][j] === 0) {
                  gameBoard[k - 1][j] = gameBoard[k][j];
                  gameBoard[k][j] = 0;
                  k--;
                  moved = true;
                }
                if (k > 0 && gameBoard[k - 1][j] === gameBoard[k][j]) {
                  gameBoard[k - 1][j] *= 2;
                  score += gameBoard[k - 1][j];
                  gameBoard[k][j] = 0;
                  moved = true;
                }
              }
            }
          }
          break;
        case "ArrowDown":
          for (var j = 0; j < size; j++) {
            for (var i = size - 2; i >= 0; i--) {
              if (gameBoard[i][j] !== 0) {
                var k = i;
                while (k < size - 1 && gameBoard[k + 1][j] === 0) {
                  gameBoard[k + 1][j] = gameBoard[k][j];
                  gameBoard[k][j] = 0;
                  k++;
                  moved = true;
                }
                if (k < size - 1 && gameBoard[k + 1][j] === gameBoard[k][j]) {
                  gameBoard[k + 1][j] *= 2;
                  score += gameBoard[k + 1][j];
                  gameBoard[k][j] = 0;
                  moved = true;
                }
              }
            }
          }
          break;
        case "ArrowLeft":
          for (var i = 0; i < size; i++) {
            for (var j = 1; j < size; j++) {
              if (gameBoard[i][j] !== 0) {
                var k = j;
                while (k > 0 && gameBoard[i][k - 1] === 0) {
                  gameBoard[i][k - 1] = gameBoard[i][k];
                  gameBoard[i][k] = 0;
                  k--;
                  moved = true;
                }
                if (k > 0 && gameBoard[i][k - 1] === gameBoard[i][k]) {
                  gameBoard[i][k - 1] *= 2;
                  score += gameBoard[i][k - 1];
                  gameBoard[i][k] = 0;
                  moved = true;
                }
              }
            }
          }
          break;
        case "ArrowRight":
          for (var i = 0; i < size; i++) {
            for (var j = size - 2; j >= 0; j--) {
              if (gameBoard[i][j] !== 0) {
                var k = j;
                while (k < size - 1 && gameBoard[i][k + 1] === 0) {
                  gameBoard[i][k + 1] = gameBoard[i][k];
                  gameBoard[i][k] = 0;
                  k++;
                  moved = true;
                }
                if (k < size - 1 && gameBoard[i][k + 1] === gameBoard[i][k]) {
                  gameBoard[i][k + 1] *= 2;
                  score += gameBoard[i][k + 1];
                  gameBoard[i][k] = 0;
                  moved = true;
                }
              }
            }
          }
          break;
      }

document.getElementById("score").textContent = "Score: " + score;
      return moved;
    }

// Check if the game is over (no more valid moves)
    function checkGameOver() {
      for (var i = 0; i < size; i++) {
        for (var j = 0; j < size; j++) {
          if (gameBoard[i][j] === 0 ||
              (i > 0 && gameBoard[i][j] === gameBoard[i - 1][j]) ||
              (i < size - 1 && gameBoard[i][j] === gameBoard[i + 1][j]) ||
              (j > 0 && gameBoard[i][j] === gameBoard[i][j - 1]) ||
              (j < size - 1 && gameBoard[i][j] === gameBoard[i][j + 1])) {
            return; // Valid move found, game is not over
          }
        }
      }
      alert("Game Over! Your score is: " + score);
    }

// Reset the game
    function resetGame() {
      score = 0;
      generateGameBoard();
      renderGameBoard();
    }

// Initialize the game
    function init() {
      generateGameBoard();
      renderGameBoard();
      document.addEventListener("keydown", handleKeyPress);
    }

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

Note: This implementation is a simplified version of the popular 2048 game. You can modify it and add more features to suit your specific requirements.