AI game creator

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

No:11427

103

←

Prev Next

→

Eight-foot Sample
Developer User1006｜Date and time 23/8/10 1:06:48
Build time 18.649 sec｜Game capacity 2.231KB｜

Script

了解しました。以下に、要件を満たすゲームのサンプルコードを示します。

このコードは、”エモジマッチ”というゲームを実装しています。画面にランダムな絵文字が表示され、その絵文字をクリックすることで得点を獲得します。ゲームのスタート時と絵文字をクリックした時に得点が表示されます。このコードを1枚のHTMLファイルに貼り付け、そのファイルをブラウザで開くことで、ゲームをプレイできます。スマートフォンでも操作可能です。

←

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>
    <style>
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            font-size: 3rem;
        }
    </style>
</head>
<body>
    <script>
        const emojis = ["🍎", "🍓", "🍊", "🍉", "🍌", "🍇"];
        let score = 0;
        
        function startGame() {
            score = 0;
            displayScore();
            generateRandomEmoji();
        }
        
        function generateRandomEmoji() {
            const emojiContainer = document.createElement("div");
            emojiContainer.style.position = "fixed";
            emojiContainer.style.top = "50%";
            emojiContainer.style.left = "50%";
            emojiContainer.style.transform = "translate(-50%, -50%)";
            emojiContainer.style.cursor = "pointer";
            emojiContainer.innerText = emojis[Math.floor(Math.random() * emojis.length)];
            
            emojiContainer.addEventListener("click", () => {
                score++;
                displayScore();
                emojiContainer.remove();
                generateRandomEmoji();
            });
            
            document.body.appendChild(emojiContainer);
        }
        
        function displayScore() {
            const scoreElement = document.getElementById("score");
            scoreElement.innerText = `Score: ${score}`;
        }
        
        startGame();
    </script>
    
    <div id="score"></div>
</body>
</html>
```

このコードは、”エモジマッチ”というゲームを実装しています。画面にランダムな絵文字が表示され、その絵文字をクリックすることで得点を獲得します。ゲームのスタート時と絵文字をクリックした時に得点が表示されます。

このコードを1枚のHTMLファイルに貼り付け、そのファイルをブラウザで開くことで、ゲームをプレイできます。スマートフォンでも操作可能です。