Please make a two player mahjong game. There is a eclipsing tan, and there is a trailing tan. Pai can be displayed using Unicode characters.'s game

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

No:6931

112

←

Prev Next

→

Please make a two player mahjong game. There is a ..ALL
Developer User3146｜Date and time 23/7/4 9:50:47
Build time 45.571 sec｜Game capacity 5.43KB｜

Script

以下は、2人打ちの麻雀ゲームのサンプル実装です。パイの表示にはUnicodeの絵文字を使用しています。

プレイヤー1

プレイヤー2

この実装では、ツモるボタンと捨てるボタンが表示されており、それぞれ押すことでツモりと捨てる操作が行えます。プレイヤー1とプレイヤー2の手牌と捨て牌はそれぞれ表示されます。また、手牌をクリックすることで、選択状態を切り替えることができます。選択された牌が捨てられる仕組みです。このコードはHTMLファイルとして実行可能です。ただし、実際に麻雀のゲームとして遊べるほど完全なものではありません。より本格的な麻雀ゲームを作る場合は、ルールや役の判定などを実装する必要があります。

←

Prev　Next

→ 　

Back　

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

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

以下は、2人打ちの麻雀ゲームのサンプル実装です。パイの表示にはUnicodeの絵文字を使用しています。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>2人打ち麻雀ゲーム</title>
</head>
<body>
    <div id="game">
        <div id="player1">
            <h2>プレイヤー1</h2>
            <div id="player1-hand"></div>
            <div id="player1-discards"></div>
        </div>
        <div id="player2">
            <h2>プレイヤー2</h2>
            <div id="player2-hand"></div>
            <div id="player2-discards"></div>
        </div>
        <button id="draw-button">ツモる</button>
        <button id="discard-button">捨てる</button>
    </div>

// 配牌処理
        function deal() {
            const handSize = 13;
            
            // プレイヤー1の手牌を配る
            const player1Hand = [];
            for (let i = 0; i < handSize; i++) {
                const pai = pickRandomPai();
                player1Hand.push(pai);
            }
            updateHand("player1", player1Hand);

// プレイヤー2の手牌を配る
            const player2Hand = [];
            for (let i = 0; i < handSize; i++) {
                const pai = pickRandomPai();
                player2Hand.push(pai);
            }
            updateHand("player2", player2Hand);
        }

// ツモる処理
        function draw() {
            const pai = pickRandomPai();
            const currentPlayer = getCurrentPlayer();
            currentPlayer.hand.push(pai);
            updateHand(currentPlayer.id, currentPlayer.hand);
        }

// 捨てる処理
        function discard(pai) {
            const currentPlayer = getCurrentPlayer();
            const index = currentPlayer.hand.indexOf(pai);
            currentPlayer.hand.splice(index, 1);
            currentPlayer.discards.push(pai);
            updateHand(currentPlayer.id, currentPlayer.hand);
            updateDiscards(currentPlayer.id, currentPlayer.discards);
        }

// ランダムに牌を選ぶ
        function pickRandomPai() {
            const index = Math.floor(Math.random() * paiCharacters.length);
            return paiCharacters[index];
        }

// 手牌を表示する
        function updateHand(playerId, hand) {
            const handElement = document.getElementById(playerId + "-hand");
            handElement.innerHTML = "";

hand.forEach(function(pai) {
                const paiElement = document.createElement("span");
                paiElement.textContent = pai;
                handElement.appendChild(paiElement);
            });
        }

// 捨て牌を表示する
        function updateDiscards(playerId, discards) {
            const discardsElement = document.getElementById(playerId + "-discards");
            discardsElement.innerHTML = "";

discards.forEach(function(pai) {
                const paiElement = document.createElement("span");
                paiElement.textContent = pai;
                discardsElement.appendChild(paiElement);
            });
        }

// 現在のプレイヤーオブジェクトを取得する
        function getCurrentPlayer() {
            return currentPlayerIndex === 0 ? player1 : player2;
        }

// ツモるボタンの処理
        document.getElementById("draw-button").addEventListener("click", function() {
            draw();
        });

// 捨てるボタンの処理
        document.getElementById("discard-button").addEventListener("click", function() {
            const currentPlayer = getCurrentPlayer();
            const handElement = document.getElementById(currentPlayer.id + "-hand");
            const selectedPais = Array.from(handElement.querySelectorAll("span.selected"));
            
            if (selectedPais.length == 1) {
                const pai = selectedPais[0].textContent;
                discard(pai);
            }
        });

// 初期化
        const player1 = {id: "player1", hand: [], discards: []};
        const player2 = {id: "player2", hand: [], discards: []};
        let currentPlayerIndex = 0;
        deal();

</script>
    <style>
        span.selected {
            background-color: yellow;
        }
    </style>
</body>
</html>
```

この実装では、ツモるボタンと捨てるボタンが表示されており、それぞれ押すことでツモりと捨てる操作が行えます。プレイヤー1とプレイヤー2の手牌と捨て牌はそれぞれ表示されます。また、手牌をクリックすることで、選択状態を切り替えることができます。選択された牌が捨てられる仕組みです。

このコードはHTMLファイルとして実行可能です。ただし、実際に麻雀のゲームとして遊べるほど完全なものではありません。より本格的な麻雀ゲームを作る場合は、ルールや役の判定などを実装する必要があります。