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

No:31226

←

Prev Next

→

こいこい
Developer User14987｜Date and time 23/12/25 16:50:19
Build time 32.863 sec｜Game capacity 3.262KB｜

Script

了解です。以下に示すのは、スマホで遊べるシンプルなこいこいゲームの実装例です。

こいこいゲーム

得点: 0

上記のコードをHTMLファイルとして保存し、スマホで開いていただくと、こいこいゲームが遊べるようになっています。カードをめくって、同じ絵文字のペアを見つけて得点を稼ぎましょう。ただし、ペアが揃った場合に絵文字が消える演出はコメントアウトしていますが、必要であれば適宜コメントアウトを解除してください。

←

Prev　Next

→ 　

Back　

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

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

了解です。以下に示すのは、スマホで遊べるシンプルなこいこいゲームの実装例です。

```html
<!DOCTYPE html>
<html>
<head>
    <title>こいこいゲーム</title>
    <style>
        body {
            text-align: center;
            font-size: 24px;
        }
        #score {
            font-size: 32px;
        }
        .card {
            display: inline-block;
            width: 75px;
            height: 120px;
            font-size: 20px;
            text-align: center;
            line-height: 120px;
            margin: 10px;
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <h1>こいこいゲーム</h1>
    <h2>得点: <span id="score">0</span></h2>
    <div id="cards">
        
    </div>
    <script>
        var score = 0;  // 得点
        var cards = ['🐶', '🐱', '🐰', '🐻', '🐼', '🐯'];  // カードの絵文字
        var matchedCards = [];  // ペアが揃ったカード

// カードをランダムに並べ替える関数
        function shuffle(array) {
            for (var i = array.length - 1; i > 0; i--) {
                var j = Math.floor(Math.random() * (i + 1));
                var temp = array[i];
                array[i] = array[j];
                array[j] = temp;
            }
            return array;
        }

// カードをクリックしたときの処理
        function flipCard(index) {
            var card = document.getElementsByClassName('card')[index];
            card.innerHTML = cards[index];

if (matchedCards.includes(cards[index])) {
                // ペアが揃ったカードをクリックした場合はスコアを加算
                score++;
                document.getElementById('score').innerText = score;

// 絵文字が消える演出を追加する場合は下記のコメントアウトを解除
                // card.style.display = 'none';
            } else {
                // ペアが揃っていないカードをクリックした場合はスコアを減算
                score--;
                document.getElementById('score').innerText = score;
            }

matchedCards.push(cards[index]);
        }

// ゲームを開始する関数
        function startGame() {
            // カードをランダムに並べ替える
            cards = shuffle(cards.concat(cards));

var cardsHtml = '';
            for (var i = 0; i < cards.length; i++) {
                cardsHtml += '<div class="card" onclick="flipCard(' + i + ')"></div>';
            }

document.getElementById('cards').innerHTML = cardsHtml;
        }

// ゲームを開始
        startGame();
    </script>
</body>
</html>
```