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

No:24218

←

Prev Next

→

mahjong ways
Developer User11354｜Date and time 23/11/6 14:07:43
Build time 92.818 sec｜Game capacity 4.586KB｜

Script

➡️ Mahjong Ways Game Berikut ini adalah contoh implementasi permainan Mahjong Ways dalam bentuk file HTML tunggal yang menggunakan JavaScript. Permainan ini ditujukan untuk penggunaan pada perangkat smartphone dengan pemakaian kolom dan baris untuk menyesuaikan tampilan permainan.

Mahjong Ways - Game

Cara bermain: 1. Silakan salin kode HTML di atas ke dalam sebuah file dengan ekstensi `.html`. 2. Buka file tersebut menggunakan peramban web (browser) apapun (mudah digunakan pada perangkat smartphone). 3. Tampilan permainan akan muncul dengan beberapa simbol Mahjong. Klik pada dua simbol yang sama secara berurutan untuk menghapusnya. 4. Jika kedua simbol yang diklik tidak cocok, mereka akan tetap tertandai selama 0.5 detik sebelum menjadi terdeselect. Coba ingat lokasi simbol-simbol yang mungkin cocok. 5. Tujuan permainan ini adalah menghapus semua simbol Mahjong dari layar dengan mencocokkan sepasang simbol-simbol yang sama. Selamat bermain Mahjong Ways!

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

➡️ Mahjong Ways Game

Berikut ini adalah contoh implementasi permainan Mahjong Ways dalam bentuk file HTML tunggal yang menggunakan JavaScript. Permainan ini ditujukan untuk penggunaan pada perangkat smartphone dengan pemakaian kolom dan baris untuk menyesuaikan tampilan permainan.

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Mahjong Ways - Game</title>
    <style>
        body {
            text-align: center;
        }
        
        #game-container {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-top: 30px;
        }
        
        .tile {
            width: 40px;
            height: 40px;
            font-size: 25px;
            display: inline-block;
            margin: 3px;
            background-color: lightgray;
            border-radius: 5px;
            text-align: center;
            line-height: 40px;
            user-select: none;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>Mahjong Ways - Game</h1>
    <div id="game-container">
    </div>

function initializeGame() {
            gameTiles = generateRandomTiles();
            renderTiles();
        }

function generateRandomTiles() {
            const tiles = [];
            for (let i = 0; i < 20; i++) {
                const symbolIndex = Math.floor(Math.random() * symbols.length);
                tiles.push(symbols[symbolIndex]);
            }
            return tiles;
        }

function renderTiles() {
            const gameContainer = document.getElementById("game-container");
            gameContainer.innerHTML = "";

for (let i = 0; i < gameTiles.length; i++) {
                const tile = document.createElement("div");
                tile.classList.add("tile");
                tile.innerHTML = gameTiles[i];
                tile.addEventListener("click", function() {
                    selectTile(i);
                });
                gameContainer.appendChild(tile);
            }
        }

function selectTile(index) {
            toggleTileSelection(index);
            checkMatchedTiles();
        }

function toggleTileSelection(index) {
            const tile = document.getElementsByClassName("tile")[index];
            tile.classList.toggle("selected");
        }

function checkMatchedTiles() {
            const selectedTileIndexes = [];
            const selectedTiles = [];

const tiles = document.getElementsByClassName("tile");
            for (let i = 0; i < tiles.length; i++) {
                if (tiles[i].classList.contains("selected")) {
                    selectedTileIndexes.push(i);
                    selectedTiles.push(tiles[i].innerHTML);
                }
            }

if (selectedTiles.length === 2) {
                if (selectedTiles[0] === selectedTiles[1]) {
                    removeMatchedTiles(selectedTileIndexes);
                } else {
                    setTimeout(function() {
                        deselectTiles(selectedTileIndexes);
                    }, 500);
                }
            }
        }

function deselectTiles(selectedTileIndexes) {
            for (let i = 0; i < selectedTileIndexes.length; i++) {
                toggleTileSelection(selectedTileIndexes[i]);
            }
        }

function removeMatchedTiles(selectedTileIndexes) {
            const gameContainer = document.getElementById("game-container");
            for (let i = selectedTileIndexes.length - 1; i >= 0; i--) {
                gameContainer.removeChild(gameContainer.childNodes[selectedTileIndexes[i]]);
            }
        }

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

Cara bermain:
1. Silakan salin kode HTML di atas ke dalam sebuah file dengan ekstensi `.html`.
2. Buka file tersebut menggunakan peramban web (browser) apapun (mudah digunakan pada perangkat smartphone).
3. Tampilan permainan akan muncul dengan beberapa simbol Mahjong. Klik pada dua simbol yang sama secara berurutan untuk menghapusnya.
4. Jika kedua simbol yang diklik tidak cocok, mereka akan tetap tertandai selama 0.5 detik sebelum menjadi terdeselect. Coba ingat lokasi simbol-simbol yang mungkin cocok.
5. Tujuan permainan ini adalah menghapus semua simbol Mahjong dari layar dengan mencocokkan sepasang simbol-simbol yang sama.

Selamat bermain Mahjong Ways!