AI game creator

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

No:31139

←

Prev Next

→

神経衰弱
Developer User14987｜Date and time 23/12/25 8:15:56
Build time 22.252 sec｜Game capacity 3.368KB｜

Script

了解です。神経衰弱ゲームのプログラムを作成します。

このプログラムは、指定された絵文字群を使った神経衰弱ゲームを実装しています。カードがランダムに並べられ、プレイヤーが2枚ずつカードを選んで裏返します。2枚のカードが同じ絵文字を持っていればマッチし、同じ絵文字を持たなければ裏返されます。全てのカードがマッチするまでプレイが続きます。プログラムは、1枚のHTMLファイルに含まれており、JavaScriptの処理は`
`タグで囲まれています。また、プログラムが実行開始されるようになっており、スマホで遊ぶことができます。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

了解です。神経衰弱ゲームのプログラムを作成します。

```html
<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>神経衰弱</title>
    <style>
        .card {
            width: 100px;
            height: 150px;
            border: 1px solid black;
            text-align: center;
            font-size: 50px;
            line-height: 150px;
            margin: 5px;
        }
    </style>
</head>
<body>
    <div id="game-board"></div>
    <script>
        const symbols = [
            '🍎', '🍌', '🍇', '🍓', '🍊', '🍉', '🍒', '🍋', '🍏', '🍍', '🍅', '🥝'
        ];

const gameBoard = document.getElementById('game-board');
        let totalCards = [];
        let flippedCards = [];

function createCards() {
            totalCards = shuffle(symbols.concat(symbols));
            totalCards.forEach((symbol) => {
                const card = document.createElement('div');
                card.className = 'card';
                card.textContent = symbol;
                card.addEventListener('click', flipCard);
                gameBoard.appendChild(card);
            });
        }

function shuffle(array) {
            let currentIndex = array.length;
            let temporaryValue, randomIndex;

while (0 !== currentIndex) {
                randomIndex = Math.floor(Math.random() * currentIndex);
                currentIndex--;

temporaryValue = array[currentIndex];
                array[currentIndex] = array[randomIndex];
                array[randomIndex] = temporaryValue;
            }

return array;
        }

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

このプログラムは、指定された絵文字群を使った神経衰弱ゲームを実装しています。カードがランダムに並べられ、プレイヤーが2枚ずつカードを選んで裏返します。2枚のカードが同じ絵文字を持っていればマッチし、同じ絵文字を持たなければ裏返されます。全てのカードがマッチするまでプレイが続きます。

プログラムは、1枚のHTMLファイルに含まれており、JavaScriptの処理は`<script>`タグで囲まれています。また、プログラムが実行開始されるようになっており、スマホで遊ぶことができます。