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

No:24319

101

←

Prev Next

→

Merge Game
Developer User11434｜Date and time 23/11/7 14:22:14
Build time 119.247 sec｜Game capacity 2.943KB｜

Script

Sure! Here's an example of a simple merging game implemented as a single HTML file using JavaScript. The objective of the game is to merge pictograms of matching colors to form a higher level pictogram. The game can be played on a smartphone.

Merge Game

Note: This is just a basic example to demonstrate the concept of a merging game using pictograms. You can enhance the game further by adding more levels, adding a scoring system, and incorporating additional game mechanics.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Merge Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    
    .pictogram {
      display: inline-block;
      width: 80px;
      height: 80px;
      margin: 10px;
      font-size: 35px;
      line-height: 80px;
      text-align: center;
      border: 2px solid #CCC;
    }
  </style>
</head>
<body>
  <h1>Merge Game</h1>
  <div id="game"></div>

// Generate a random pictogram level
    function getRandomLevel() {
      const randomIndex = Math.floor(Math.random() * levels.length);
      return levels[randomIndex];
    }

// Create a pictogram object
    function createPictogram(level, color) {
      const element = document.createElement('div');
      element.classList.add('pictogram');
      element.style.backgroundColor = color;
      element.innerText = level;
      return element;
    }

// Merge two pictograms together
    function mergePictograms(pictogram1, pictogram2) {
      const mergedLevel = pictogram1.level + pictogram2.level;
      const mergedColor = pictogram1.color === pictogram2.color ? pictogram1.color : '#000000'; // Combine colors if matching, otherwise default to black
      return createPictogram(mergedLevel, mergedColor);
    }

// Start the game
    function startGame() {
      const gameElement = document.getElementById('game');
      let pictogram1 = createPictogram(getRandomLevel().level, getRandomLevel().color);
      let pictogram2 = createPictogram(getRandomLevel().level, getRandomLevel().color);

gameElement.appendChild(pictogram1);
      gameElement.appendChild(pictogram2);

pictogram1.addEventListener('click', function() {
        const mergedPictogram = mergePictograms(pictogram1, pictogram2);
        gameElement.innerHTML = '';
        gameElement.appendChild(mergedPictogram);
        startGame();
      });

pictogram2.addEventListener('click', function() {
        const mergedPictogram = mergePictograms(pictogram2, pictogram1);
        gameElement.innerHTML = '';
        gameElement.appendChild(mergedPictogram);
        startGame();
      });
    }

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