AI game creator

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

No:44229

←

Prev Next

→

マージゲーム
Developer User19354｜Date and time 24/2/17 18:39:14
Build time 6.322 sec｜Game capacity 1.91KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
<title>Merge Game</title>
<style>
    body {
        font-family: Arial, sans-serif;
        text-align: center;
    }

.container {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
    }

.game {
        display: grid;
        grid-template-columns: repeat(4, 100px);
        grid-gap: 10px;
    }

.tile {
        width: 100px;
        height: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 24px;
        background-color: lightblue;
    }
</style>
</head>
<body>
<div class="container">
    <div class="game"></div>
</div>

function initializeGame() {
        for (let i = 0; i < 2; i++) {
            addRandomTile();
        }
        render();
    }

function addRandomTile() {
        const value = tileValues[Math.floor(Math.random() * tileValues.length)];
        const tile = {
            value: value
        };
        tiles.push(tile);
    }

function render() {
        gameContainer.innerHTML = '';
        tiles.forEach(tile => {
            const tileElement = document.createElement('div');
            tileElement.classList.add('tile');
            tileElement.textContent = tile.value;
            gameContainer.appendChild(tileElement);
        });
    }

function handleSwipe(direction) {
        mergeTiles();
        addRandomTile();
        render();
    }

window.addEventListener('load', initializeGame);

</script>
</body>
</html>