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

No:49248

←

Prev Next

→

Merge Game
Developer User20977｜Date and time 24/3/4 4:51:21
Build time 7.438 sec｜Game capacity 2.293KB｜

Script

Merge Game

Click on the pictograms to merge and create new items!

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

<!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;
    }
    .game-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .item {
        width: 80px;
        height: 80px;
        margin: 5px;
        font-size: 24px;
        cursor: pointer;
    }
</style>
</head>
<body>
<h1>Merge Game</h1>
<p>Click on the pictograms to merge and create new items!</p>
<div class="game-container">
</div>

let gameGrid = [];

function initializeGame() {
        for (let i = 0; i < 9; i++) {
            gameGrid.push(null);
        }

for (let i = 0; i < 2; i++) {
            addRandomItem();
        }

renderGame();
    }

function addRandomItem() {
        const emptyCells = gameGrid.filter(cell => cell === null);
        const randomCellIndex = Math.floor(Math.random() * emptyCells.length);
        const randomCellValueIndex = Math.floor(Math.random() * items.length);
        
        gameGrid[randomCellIndex] = items[randomCellValueIndex];
    }

function mergeItems(index1, index2) {
        gameGrid[index1].value += gameGrid[index2].value;
        gameGrid[index2] = null;
    }

function renderGame() {
        const gameContainer = document.querySelector('.game-container');
        gameContainer.innerHTML = '';

gameGrid.forEach((item, index) => {
            const cell = document.createElement('div');
            cell.classList.add('item');
            if (item !== null) {
                cell.innerText = item.emoji + item.value;
            }
            cell.addEventListener('click', () => {
                if (gameGrid[index] === null) {
                    addRandomItem();
                }
            });
            gameContainer.appendChild(cell);
        });
    }

initializeGame();

</script>

</body>
</html>