AI game creator

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

No:26394

←

Prev Next

→

Merge Game
Developer User13081｜Date and time 23/11/30 3:56:09
Build time 76.399 sec｜Game capacity 2.5KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html>
<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;
      background-color: #f8f8f8;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: 100vh;
      margin: 0;
    }

.game-container {
      display: flex;
      flex-wrap: wrap;
      width: 300px;
      height: 300px;
      border: 2px solid #ddd;
      background-color: #fff;
      padding: 10px;
    }

.game-cell {
      box-sizing: border-box;
      width: 90px;
      height: 90px;
      border: 1px solid #ddd;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 24px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <div class="game-container" id="gameContainer"></div>

// Shuffle the pictograms array
    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]];
      }
    }
    shuffleArray(pictograms);

// Initialize the game grid
    const gameGrid = document.getElementById("gameContainer");

function createGameCell(pictogram, index) {
      const gameCell = document.createElement("div");
      gameCell.classList.add("game-cell");
      gameCell.innerText = pictogram;
      gameCell.addEventListener("click", () => mergeCells(index));
      return gameCell;
    }

function initializeGrid() {
      for (let i = 0; i < pictograms.length; i++) {
        const gameCell = createGameCell(pictograms[i], i);
        gameGrid.appendChild(gameCell);
      }
    }

initializeGrid();

// Merge cells function
    function mergeCells(index) {
      if (index >= pictograms.length - 1) {
        alert("Game Over!");
        return;
      }

const mergedPictogram = pictograms[index] + pictograms[index + 1];
      pictograms.splice(index, 2, mergedPictogram);
      gameGrid.innerHTML = "";

for (let i = 0; i < pictograms.length; i++) {
        const gameCell = createGameCell(pictograms[i], i);
        gameGrid.appendChild(gameCell);
      }
    }
  </script>
</body>
</html>