AI game creator

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

No:41444

←

Prev Next

→

Merge Game
Developer User18549｜Date and time 24/2/7 12:52:52
Build time 10.03 sec｜Game capacity 2.827KB｜

Script

Sure! Here's an example of a merge game implemented in a single HTML file using JavaScript and pictograms:

Merge Game

In this game, you will see a grid of random food pictograms (🍕, 🍉, 🍔, etc.). Your goal is to merge two identical items by clicking on them. When two identical items are merged, their value will be combined and the score will increase. You can add more items to the `items` array if you want a larger grid. The score will be logged in the console for now, but you can modify the code to display it in the HTML if desired.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

Sure! Here's an example of a merge game implemented in a single HTML file using JavaScript and pictograms:

```html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Merge Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }

.container {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 10px;
      margin-top: 30px;
    }

.item {
      width: 100px;
      height: 100px;
      background-color: #f2f2f2;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 40px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h2>Merge Game</h2>
  <div class="container"></div>

// Function to shuffle array randomly
    function shuffleArray(array) {
      for (let i = array.length - 1; i > 0; i--) {
        const j = Math.floor(Math.random() * (i + 1));
        [array[i], array[j]] = [array[j], array[i]];
      }
      return array;
    }

// Function to render items in the container
    function renderItems() {
      container.innerHTML = "";
      shuffleArray(items).forEach(item => {
        const itemElement = document.createElement("div");
        itemElement.classList.add("item");
        itemElement.textContent = item;
        container.appendChild(itemElement);
      });
    }

// Function to merge items
    function mergeItems() {
      const mergedItems = document.querySelectorAll(".item");
      mergedItems.forEach(item => {
        item.addEventListener("click", () => {
          const currentItem = item.textContent;
          const nextItem = item.nextElementSibling;

if (nextItem && currentItem === nextItem.textContent) {
            const mergedValue = currentItem + currentItem;
            item.textContent = mergedValue;
            nextItem.remove();
            score++;
            console.log("Score:", score);
          }
        });
      });
    }

// Start the game
    function startGame() {
      renderItems();
      mergeItems();
    }

startGame();
  </script>
</body>
</html>
```