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

No:30504

←

Prev Next

→

Merge Game
Developer User14817｜Date and time 23/12/22 10:04:54
Build time 27.128 sec｜Game capacity 3.753KB｜

Script

Sure! Here's an example of a simple merge game implemented as a single HTML file using JavaScript and pictograms for smartphone operation:

Merge Game

This implementation creates a simple merging numbers game where you have 4 cells and you need to swipe left or right to merge cells with the same value. Swiping down or up will also trigger a merge. The game ends when all cells are filled and there are no more possible merges. You can save this code into a single HTML file and open it in a web browser on a smartphone to play the game.

←

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 pictograms for smartphone operation:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Merge Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    
    .game-container {
      max-width: 300px;
      margin: 0 auto;
    }
    
    .cell {
      display: inline-block;
      width: 60px;
      height: 60px;
      border: 1px solid #ccc;
      margin: 5px;
      font-size: 30px;
      line-height: 60px;
    }
  </style>
</head>
<body>
  <h1>Merge Game</h1>
  <div class="game-container">
    <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>

// Update the cells with their current values
      function updateCells() {
        document.getElementById("cell1").innerText = cell1.value;
        document.getElementById("cell2").innerText = cell2.value;
        document.getElementById("cell3").innerText = cell3.value;
        document.getElementById("cell4").innerText = cell4.value;
      }

// Function to merge the cells
      function mergeCells() {
        if (cell1.value === cell2.value && cell1.value > 0) {
          cell1.value *= 2;
          cell2.value = 0;
        }
        if (cell2.value === cell3.value && cell2.value > 0) {
          cell2.value *= 2;
          cell3.value = 0;
        }
        if (cell3.value === cell4.value && cell3.value > 0) {
          cell3.value *= 2;
          cell4.value = 0;
        }

updateCells();
        checkGameOver();
      }

// Function to check if the game is over
      function checkGameOver() {
        if (cell1.value !== 0 && cell2.value !== 0 && cell3.value !== 0 && cell4.value !== 0) {
          alert("Game Over!");
        }
      }

// Handle swipe gestures
      var startX, startY;

document.addEventListener("touchstart", function(event) {
        startX = event.touches[0].clientX;
        startY = event.touches[0].clientY;
      });

document.addEventListener("touchend", function(event) {
        var endX = event.changedTouches[0].clientX;
        var endY = event.changedTouches[0].clientY;

var deltaX = endX - startX;
        var deltaY = endY - startY;

if (Math.abs(deltaX) > Math.abs(deltaY)) {
          if (deltaX > 0) {
            // Swipe right
            cell4.value = cell3.value;
            cell3.value = cell2.value;
            cell2.value = cell1.value;
            cell1.value = 0;
          } else {
            // Swipe left
            cell1.value = cell2.value;
            cell2.value = cell3.value;
            cell3.value = cell4.value;
            cell4.value = 0;
          }
        } else {
          if (deltaY > 0) {
            // Swipe down
            mergeCells();
          } else {
            // Swipe up
            mergeCells();
          }
        }

updateCells();
      });

// Initial update of cells
      updateCells();
    });
  </script>
</body>
</html>
```

You can save this code into a single HTML file and open it in a web browser on a smartphone to play the game.