AI game creator

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

No:9728

310

←

Prev Next

→

Maximum the Hormone
Developer User3788｜Date and time 23/7/26 23:26:53
Build time 19.038 sec｜Game capacity 2.32KB｜

Script

では、以下に1枚のHTMLファイルで実装されたJavaScriptを含むゲームの例を示します。このゲームは、スマートフォンで遊ぶことを前提としています。

このゲームは、ランダムな絵文字が表示され、プレイヤーが絵文字をクリックすることでスコアを獲得します。絵文字をクリックすると、スコアが1点増え、新しいランダムな絵文字が表示されます。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

では、以下に1枚のHTMLファイルで実装されたJavaScriptを含むゲームの例を示します。このゲームは、スマートフォンで遊ぶことを前提としています。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Emoji Game</title>
    <style>
        body {
            background-color: #f1f1f1;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }
        
        #emoji {
            font-size: 50px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div id="emoji"></div>
    
    <script>
        // 絵文字のリスト
        const emojis = [
            "🐶", "🐱", "🐭", "🐹", "🐰", "🦊", "🐻", "🐼", "🐮", "🐯",
            "🐔", "🐽", "🐵", "🐔", "🐸", "🦁", "🐑", "🐹", "🐼", "🐇"
        ];
        
        // ゲームのレベル（絵文字の数）
        const level = 5;
        
        let score = 0;
        let currentEmoji;
        
        // スコアの表示
        function updateScore() {
            document.getElementById("emoji").innerText = `Score: ${score}`;
        }
        
        // 絵文字をクリックした時の処理
        function emojiClicked() {
            score++;
            updateScore();
            generateRandomEmoji();
        }
        
        // ランダムな絵文字を生成する
        function generateRandomEmoji() {
            const randomIndex = Math.floor(Math.random() * emojis.length);
            currentEmoji = emojis[randomIndex];
            document.getElementById("emoji").innerText = currentEmoji;
        }
        
        // ゲーム開始
        function startGame() {
            updateScore();
            generateRandomEmoji();
            
            document.getElementById("emoji").addEventListener("click", emojiClicked);
        }
        
        // ゲームの開始処理
        startGame();
    </script>
</body>
</html>
```