麻雀開始ボタンを押すと13個の牌をランダムに並べて出すツモボタンを押すとランダムに牌を1個出す捨てるボタンを押すと選んだ牌を消します牌は四角で中に数字、文字がある牌はスワイプで動かせる 1から9の牌と東南西北白発中の16種類's game

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

No:34597

←

Prev Next

→

麻雀開始ボタンを押すと13個の牌をランダムに並べて出すツモボタンを押すとランダムに牌を1個出す ..ALL
Developer 豆腐｜Date and time 24/1/11 4:37:17
Build time 21.315 sec｜Game capacity 5.078KB｜

Script

以下のようなHTMLファイルを作成して、動作する麻雀ゲームを実装することができます。

このHTMLファイルをブラウザで開くと、「開始」「ツモ」「捨てる」のボタンと、手牌の表示がされます。開始ボタンを押すと13枚のランダムな牌が表示され、ツモボタンを押すとランダムな牌が1枚追加されます。捨てるボタンを押すと選択された牌が手牌から削除されます。牌はスワイプ操作で並び替えることもできます。

←

Prev　Next

→ 　

Back　

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

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

以下のようなHTMLファイルを作成して、動作する麻雀ゲームを実装することができます。

```html
<!DOCTYPE html>
<html>
<head>
    <title>麻雀ゲーム</title>
    <style>
        .tile {
            width: 50px;
            height: 70px;
            background-color: lightgray;
            border: 1px solid black;
            font-size: 24px;
            text-align: center;
            line-height: 70px;
            margin: 5px;
            display: inline-block;
        }
    </style>
</head>
<body>
    <button onclick="startGame()">開始</button>
    <button onclick="drawTile()">ツモ</button>
    <button onclick="discardTile()">捨てる</button>

// 牌の種類
        var tileTypes = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "東", "南", "西", "北", "白", "発", "中"];

// 開始ボタンを押したときの処理
        function startGame() {
            // 手牌の初期化
            handTiles = [];

// 13枚のランダムな牌を手牌に追加
            for (var i = 0; i < 13; i++) {
                handTiles.push(getRandomTile());
            }

// 手牌の表示
            updateHand();
        }

// ツモボタンを押したときの処理
        function drawTile() {
            // ランダムな牌を手牌に追加
            handTiles.push(getRandomTile());

// 手牌の表示
            updateHand();
        }

// 捨てるボタンを押したときの処理
        function discardTile() {
            // 選択された牌を手牌から削除
            handTiles.splice(selectedIndex, 1);

// 手牌の表示
            updateHand();
        }

// タッチ操作用の変数
        var startX = 0;
        var startY = 0;
        var selectedIndex = -1;

// 手牌の表示を更新する関数
        function updateHand() {
            var handElement = document.getElementById("hand");
            handElement.innerHTML = "";

// 手牌の表示
            for (var i = 0; i < handTiles.length; i++) {
                var tileElement = document.createElement("div");
                tileElement.className = "tile";
                tileElement.textContent = handTiles[i];

// スワイプ操作のイベントリスナーを追加
                tileElement.addEventListener("touchstart", startSwipe);
                tileElement.addEventListener("touchmove", swiping);
                tileElement.addEventListener("touchend", endSwipe);

handElement.appendChild(tileElement);
            }
        }

// スワイプ操作の開始処理
        function startSwipe(e) {
            startX = e.touches[0].pageX;
            startY = e.touches[0].pageY;
            selectedIndex = Array.from(e.target.parentNode.children).indexOf(e.target);
        }

// スワイプ操作中の処理
        function swiping(e) {
            var deltaX = e.touches[0].pageX - startX;
            var deltaY = e.touches[0].pageY - startY;
            if (Math.abs(deltaX) > Math.abs(deltaY)) {
                e.preventDefault();
            }
        }

// スワイプ操作の終了処理
        function endSwipe(e) {
            var deltaX = e.changedTouches[0].pageX - startX;
            var deltaY = e.changedTouches[0].pageY - startY;
            if (Math.abs(deltaX) > Math.abs(deltaY)) {
                if (deltaX > 0) {
                    // 右にスワイプした場合の処理
                    if (selectedIndex < handTiles.length - 1) {
                        var temp = handTiles[selectedIndex];
                        handTiles[selectedIndex] = handTiles[selectedIndex + 1];
                        handTiles[selectedIndex + 1] = temp;
                    }
                } else {
                    // 左にスワイプした場合の処理
                    if (selectedIndex > 0) {
                        var temp = handTiles[selectedIndex];
                        handTiles[selectedIndex] = handTiles[selectedIndex - 1];
                        handTiles[selectedIndex - 1] = temp;
                    }
                }
                updateHand();
            }
        }

// ランダムな牌を取得する関数
        function getRandomTile() {
            var randomIndex = Math.floor(Math.random() * tileTypes.length);
            return tileTypes[randomIndex];
        }
    </script>
</body>
</html>
```