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

No:40251

←

Prev Next

→

Merge Game
Developer User18048｜Date and time 24/2/2 3:33:43
Build time 28.102 sec｜Game capacity 6.485KB｜

Script

Sure, I can help you create a simple merge game using JavaScript and HTML. Here's an example implementation within a single HTML file:

Merge Game

To play the game, you can save this code into a file with a ".html" extension and open it in a web browser, preferably on a smartphone. The game uses arrow keys or the letters 'w', 'a', 's', and 'd' as input to merge blocks on a 4x4 grid. The goal is to reach the highest possible block value by merging identical blocks together. If the grid is completely filled and no more moves can be made, the game ends with a "Game Over" alert message. Please note that this is a simple implementation to fulfill your requirements. You can modify and enhance the game as per your needs, adding animations, levels, or any other features you desire.

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

Sure, I can help you create a simple merge game using JavaScript and HTML. Here's an example implementation within a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Merge Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
      margin-top: 40px;
    }
    #game-container {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    .block {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 80px;
      height: 80px;
      background-color: #ddd;
      margin: 5px;
      border-radius: 5px;
      font-size: 36px;
      font-weight: bold;
    }
  </style>
</head>
<body>
  <h1>Merge Game</h1>
  <div id="game-container"></div>

let grid = [];

function generateBlock() {
      const value = getRandomBlockValue();
      const position = getRandomEmptyPosition();
      if (position) {
        const [row, col] = position;
        grid[row][col] = value;
      }
    }

function getRandomBlockValue() {
      const index = Math.floor(Math.random() * blockValues.length);
      return blockValues[index];
    }

function merge(direction) {
      let moved = false;
      const newGrid = JSON.parse(JSON.stringify(grid));

if (direction === "up" || direction === "down") {
        for (let col = 0; col < 4; col++) {
          const column = [];
          for (let row = 0; row < 4; row++) {
            if (direction === "up") {
              column.push(grid[row][col]);
            } else {
              column.push(grid[3 - row][col]);
            }
          }
          const mergedColumn = mergeBlocks(column);
          if (direction === "up") {
            for (let row = 0; row < 4; row++) {
              newGrid[row][col] = mergedColumn[row];
            }
          } else {
            for (let row = 0; row < 4; row++) {
              newGrid[3 - row][col] = mergedColumn[row];
            }
          }
          if (!moved && JSON.stringify(grid) !== JSON.stringify(newGrid)) {
            moved = true;
          }
        }
      } else {
        for (let row = 0; row < 4; row++) {
          const mergedRow = mergeBlocks(grid[row]);
          newGrid[row] = mergedRow;
          if (!moved && JSON.stringify(grid) !== JSON.stringify(newGrid)) {
            moved = true;
          }
        }
      }

if (moved) {
        grid = newGrid;
        generateBlock();
        render();
        checkGameOver();
      }
    }

// Start the game
    initializeGrid();

// Event listeners for arrow key input
    document.addEventListener("keydown", function(event) {
      if (event.key === "ArrowUp" || event.key === "w") {
        merge("up");
      } else if (event.key === "ArrowDown" || event.key === "s") {
        merge("down");
      } else if (event.key === "ArrowLeft" || event.key === "a") {
        merge("left");
      } else if (event.key === "ArrowRight" || event.key === "d") {
        merge("right");
      }
    });
  </script>
</body>
</html>
```

Please note that this is a simple implementation to fulfill your requirements. You can modify and enhance the game as per your needs, adding animations, levels, or any other features you desire.