AI game creator

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

No:15980

←

Prev Next

→

艦これ
Developer User5574｜Date and time 23/9/14 12:27:30
Build time 30.386 sec｜Game capacity 3.271KB｜

Script

了解しました。カードめくりゲームを作成します。以下がHTMLファイルの実装例です。

このプログラムでは、HTMLでカードの表示部分を作成し、JavaScriptでゲームの動作を制御しています。各カードをクリックすると、カードがめくられます。一緒にめくられたカードが同じ絵柄の場合はマッチとしてカードが消えます。異なる絵柄の場合は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>
        .card {
            width: 100px;
            height: 150px;
            background-color: lightgray;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 10px;
            font-size: 30px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div id="game"></div>

function createGame() {
            gameContainer.innerHTML = "";
            var shuffledCards = shuffle(cards.concat(cards));
            for (var i = 0; i < shuffledCards.length; i++) {
                var card = document.createElement("div");
                card.className = "card";
                card.setAttribute("data-card", shuffledCards[i]);
                card.addEventListener("click", handleCardClick);
                gameContainer.appendChild(card);
            }
        }

function shuffle(array) {
            var 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;
        }

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

このプログラムでは、HTMLでカードの表示部分を作成し、JavaScriptでゲームの動作を制御しています。
各カードをクリックすると、カードがめくられます。一緒にめくられたカードが同じ絵柄の場合はマッチとしてカードが消えます。異なる絵柄の場合は1秒後に裏返されます。
全てのカードがマッチするまで続けるゲームとなっています。