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

No:7692

2523

←

Prev Next

→

MAX under the boot
Developer o2pi4｜Date and time 23/7/9 13:12:40
Build time 9.875 sec｜Game capacity 2.902KB｜

Script

了解しました。以下に、スマホで遊べる簡単なゲームのサンプルプログラムを示します。このゲームでは、靴下のペアを揃えることを目指します。

靴下マッチングゲーム

このプログラムでは、靴下の種類を表す絵文字を使用して、ゲームを作成しました。スマホ上でプレイする際は、靴下をタップすることでペアを揃えることができます。靴下の絵文字を追加したい場合は、`socks`配列に絵文字を追加することで可能です。

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

了解しました。以下に、スマホで遊べる簡単なゲームのサンプルプログラムを示します。このゲームでは、靴下のペアを揃えることを目指します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>靴下マッチングゲーム</title>
</head>
<body>
    <h1>靴下マッチングゲーム</h1>
    <div id="game-container" style="display: flex; flex-wrap: wrap; justify-content: center;"></div>

// 靴下をシャッフルする関数
        function shuffle(array) {
            let currentIndex = array.length, temporaryValue, randomIndex;
            while (currentIndex !== 0) {
                randomIndex = Math.floor(Math.random() * currentIndex);
                currentIndex -= 1;
                temporaryValue = array[currentIndex];
                array[currentIndex] = array[randomIndex];
                array[randomIndex] = temporaryValue;
            }
            return array;
        }

// 靴下のペアを揃えるゲーム
        function startGame() {
            const gameContainer = document.getElementById("game-container");
            gameContainer.innerHTML = "";
            const shuffledSocks = shuffle(socks.concat(socks));
            for (let i = 0; i < shuffledSocks.length; i++) {
                const sock = document.createElement("div");
                sock.innerText = shuffledSocks[i];
                sock.style.fontSize = "50px";
                sock.style.padding = "10px";
                sock.style.cursor = "pointer";
                sock.addEventListener("click", function() {
                    checkMatching(sock);
                });
                gameContainer.appendChild(sock);
            }
        }

// 靴下のマッチングをチェックする関数
        let selectedSock = null;
        function checkMatching(sock) {
            if (selectedSock === null) {
                selectedSock = sock;
            } else {
                if (selectedSock.innerText === sock.innerText) {
                    selectedSock.style.display = "none";
                    sock.style.display = "none";
                } else {
                    selectedSock.innerText = "";
                    sock.innerText = "";
                }
                selectedSock = null;
            }
        }

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