AI game creator

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

No:24238

←

Prev Next

→

mahjong ways
Developer User11354｜Date and time 23/11/6 16:04:00
Build time 103.338 sec｜Game capacity 3.951KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

<!DOCTYPE html>
<html>

<head>
    <title>Mahjong Ways</title>
    <style>
        html, body {
            height: 100%;
            margin: 0;
            padding: 0;
        }
        #game-container {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100%;
        }
        #game-board {
            width: 300px;
            height: 300px;
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            grid-template-rows: repeat(4, 1fr);
        }
        .tile {
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            cursor: pointer;
            background-color: #f0f0f0;
        }
        .tile-selected {
            background-color: #ccc;
        }
    </style>
</head>

// Shuffle tiles randomly
        function shuffleTiles(tiles) {
            const shuffledTiles = [...tiles];
            for (let i = shuffledTiles.length - 1; i > 0; i--) {
                const j = Math.floor(Math.random() * (i + 1));
                [shuffledTiles[i], shuffledTiles[j]] = [shuffledTiles[j], shuffledTiles[i]];
            }
            return shuffledTiles;
        }

// Create game board HTML elements
        function createGameBoard(tiles) {
            const gameBoard = document.getElementById("game-board");
            gameBoard.innerHTML = "";
            tiles.forEach((tile, index) => {
                const tileElement = document.createElement("div");
                tileElement.classList.add("tile");
                tileElement.textContent = tile;
                tileElement.addEventListener("click", () => selectTile(tileElement, index));
                gameBoard.appendChild(tileElement);
            });
        }

// Select a tile and check for a pair
        function selectTile(tileElement, index) {
            const selectedTiles = document.getElementsByClassName("tile-selected");
            
            if (selectedTiles.length === 0) {
                tileElement.classList.add("tile-selected");
            } else if (selectedTiles.length === 1) {
                tileElement.classList.add("tile-selected");
                const previousIndex = Array.from(selectedTiles[0].parentNode.children).indexOf(selectedTiles[0]);
                
                if (previousIndex !== index && tiles[previousIndex] === tiles[index]) {
                    setTimeout(() => removeTiles(tileElement, selectedTiles[0]), 500);
                } else {
                    setTimeout(() => clearSelection(tileElement, selectedTiles[0]), 500);
                }
            }
        }

// Remove matching pair of tiles
        function removeTiles(tile1, tile2) {
            tile1.style.visibility = "hidden";
            tile2.style.visibility = "hidden";
        }

// Clear tile selection
        function clearSelection(tile1, tile2) {
            tile1.classList.remove("tile-selected");
            tile2.classList.remove("tile-selected");
        }

// Start the game
        function startGame() {
            const shuffledTiles = shuffleTiles(tiles);
            createGameBoard(shuffledTiles);
        }

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

</html>