AI game creator

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

No:7586

5071

←

Prev Next

→

lid game
Developer anonymous｜Date and time 70/1/1 10:00:52
Build time unknown sec｜Game capacity 3.652KB｜

Script

了解しました。以下は、蓋ゲームとして遊べるHTMLファイルの実装例です。JavaScriptを含み、スマホ操作に対応しています。

このプログラムでは、16枚のカードが表示され、クリックすることでカードの裏返しを切り替えることができます。全てのカードが裏返されると、ゲームクリアとなり、再度ゲームが開始されます。HTMLファイルとして保存し、スマホのブラウザで開いて遊ぶことができます。

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

了解しました。以下は、蓋ゲームとして遊べるHTMLファイルの実装例です。JavaScriptを含み、スマホ操作に対応しています。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>蓋ゲーム</title>
    <style>
        #game-container {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }
        
        .card {
            width: 80px;
            height: 80px;
            margin: 10px;
            font-size: 36px;
            text-align: center;
            line-height: 80px;
            background-color: lightgray;
            border-radius: 5px;
            user-select: none;
        }
    </style>
</head>
<body>
    <div id="game-container"></div>

const gameContainer = document.getElementById('game-container');
        let cards = [];

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

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

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

return array;
        }

function createCard(emoji) {
            const card = document.createElement('div');
            card.classList.add('card');
            card.innerText = emoji;

card.addEventListener('click', () => {
                if (card.innerText === emoji) {
                    card.innerText = '';
                    card.style.backgroundColor = 'transparent';
                } else {
                    card.innerText = emoji;
                    card.style.backgroundColor = 'lightgray';
                }
            });

return card;
        }

function startGame() {
            // ボードのサイズは4x4
            const gridSize = 4;
            const totalCards = gridSize * gridSize;
            const shuffledEmojis = shuffle(emojis.slice(0, totalCards / 2));
            const gameGrid = Array(totalCards).fill(null);
            
            // カードを生成し、ボードに追加
            cards = shuffledEmojis.flatMap(emoji => [createCard(emoji), createCard(emoji)]);
            shuffle(cards).forEach((card, index) => gameContainer.appendChild(card));

// カードが全て裏返されたかどうかをチェックする
            function checkGameComplete() {
                return cards.every(card => card.style.backgroundColor === 'transparent');
            }

// 毎秒ごとにゲームがクリアされたかどうかをチェック
            setInterval(() => {
                if (checkGameComplete()) {
                    alert('ゲームクリア！');
                    gameContainer.innerHTML = '';
                    startGame();
                }
            }, 1000);
        }

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