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

No:21997

←

Prev Next

→

Merge Game
Developer User10156｜Date and time 23/10/19 19:48:32
Build time 91.216 sec｜Game capacity 3.843KB｜

Script

Sure! Here's an example of a simple merge game using JavaScript and pictograms:

Merge Game

In this game, you will see a grid of blocks with numbers on them. You can merge two adjacent blocks by swiping left or right using touch gestures on a smartphone. When two blocks with the same number merge, their values are added up and the merged block takes their place. The goal is to merge as many blocks as possible and reach the highest number. Note: The game uses the Swiped.js library (https://www.npmjs.com/package/swiped-events) to handle swipe events. The library is included via a CDN in the script tag at the end of the HTML file. I hope this example meets your requirements and provides a starting point for developing your merge 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 using JavaScript and pictograms:

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Merge Game</title>
    <style>
      body {
        font-family: Arial, sans-serif;
        text-align: center;
      }
      
      h1 {
        margin-top: 20px;
        color: #333;
      }
      
      #game-container {
        display: flex;
        justify-content: center;
        margin-top: 20px;
      }
      
      .block {
        width: 80px;
        height: 80px;
        border: 1px solid #333;
        margin: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 24px;
      }
    </style>
  </head>
  <body>
    <h1>Merge Game</h1>
    <div id="game-container"></div>

// Function to generate a random number between min and max
      function randomNumber(min, max) {
        return Math.floor(Math.random() * (max - min + 1)) + min;
      }

// Function to initialize the game
      function init() {
        const container = document.getElementById("game-container");
        
        // Create 4 initial blocks with random numbers
        for (let i = 0; i < 4; i++) {
          const block = document.createElement("div");
          block.classList.add("block");
          block.innerText = randomNumber(1, 9);
          blocks.push(block);
          container.appendChild(block);
        }
      }

// Function to merge two adjacent blocks
      function mergeBlocks(index1, index2) {
        const block1 = blocks[index1];
        const block2 = blocks[index2];
        
        // Check if the blocks have the same number
        if (block1.innerText === block2.innerText) {
          const mergedValue = parseInt(block1.innerText) * 2;
          
          // Replace the first block with the merged block
          block1.innerText = mergedValue;
          
          // Remove the second block from the array and DOM
          blocks.splice(index2, 1);
          block2.remove();
        }
      }

// Function to handle swipe events
      function handleSwipe(event) {
        const direction = event.target.dataset.direction;
        const blocksLength = blocks.length;

for (let i = 0; i < blocksLength; i++) {
          const currentBlock = blocks[i];

// Get the adjacent block based on the swipe direction
          let adjacentIndex;
          if (direction === "left" && i > 0) {
            adjacentIndex = i - 1;
          } else if (direction === "right" && i < blocksLength - 1) {
            adjacentIndex = i + 1;
          }

// Merge the current block with the adjacent block
          if (adjacentIndex !== undefined) {
            mergeBlocks(i, adjacentIndex);
          }
        }
      }

// Initialize the game
      init();

// Add event listeners for swipe actions
      document.addEventListener("swipeleft", handleSwipe);
      document.addEventListener("swiperight", handleSwipe);
    </script>
    
    <script src="https://cdn.jsdelivr.net/npm/swiped-events@1.4.7"></script>
  </body>
</html>
```

Note: The game uses the Swiped.js library (https://www.npmjs.com/package/swiped-events) to handle swipe events. The library is included via a CDN in the script tag at the end of the HTML file.

I hope this example meets your requirements and provides a starting point for developing your merge game.