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

No:5711

759

←

Prev Next

→

super-high tension
Developer User3834｜Date and time 23/6/30 17:09:22
Build time 27.019 sec｜Game capacity 2.626KB｜

Script

了解です！以下に絵文字を使ったシンプルなゲームの例を示します。

Emojiゲーム

このゲームでは、ランダムに表示される絵文字に対応するキーを押すタイミングを追いかけます。

このHTMLファイルでは、ランダムな絵文字が表示され、ユーザーが対応するキーを押すゲームです。正しいキーが押された場合には「正解！」とアラートが表示され、次の絵文字が表示されます。間違ったキーが押された場合は「不正解！」とアラートが表示されます。このゲームは、スマホでも遊べるように設計されています。JavaScriptの`keydown`イベントを使用してキー入力を監視し、絵文字に対応するキーをマッピングしています。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

了解です！以下に絵文字を使ったシンプルなゲームの例を示します。

```html
<!DOCTYPE html>
<html>
<head>
    <title>Emojiゲーム</title>
</head>
<body>
    <h1>Emojiゲーム</h1>
    <p>このゲームでは、ランダムに表示される絵文字に対応するキーを押すタイミングを追いかけます。</p>
    <p id="emoji"></p>
    
    <script>
        // ゲームの絵文字リスト
        const emojis = ["👍", "❤️", "🍕", "🎉", "🐱", "☀️"];
        
        // ユーザーが押すキーに対応する絵文字リスト
        const keyMappings = {
            "ArrowUp": "👍",
            "ArrowDown": "❤️",
            "ArrowLeft": "🍕",
            "ArrowRight": "🎉",
            "a": "🐱",
            "b": "☀️"
        };
        
        // 初期化関数
        function initialize() {
            // キー入力時のイベントリスナーを登録
            document.addEventListener("keydown", handleKeyPress);
            // 最初の絵文字を表示
            showEmoji();
        }
        
        // キー入力を処理する関数
        function handleKeyPress(event) {
            const key = event.key;
            const emoji = document.getElementById("emoji").textContent;
            
            if (keyMappings[key] === emoji) {
                // 正しいキーが押された場合
                alert("正解！");
                showEmoji();
            } else {
                // 間違ったキーが押された場合
                alert("不正解！");
            }
        }
        
        // ランダムに絵文字を表示する関数
        function showEmoji() {
            const randomIndex = Math.floor(Math.random() * emojis.length);
            const randomEmoji = emojis[randomIndex];
            
            document.getElementById("emoji").textContent = randomEmoji;
        }
        
        // 初期化を実行
        initialize();
    </script>
</body>
</html>
```

このHTMLファイルでは、ランダムな絵文字が表示され、ユーザーが対応するキーを押すゲームです。正しいキーが押された場合には「正解！」とアラートが表示され、次の絵文字が表示されます。間違ったキーが押された場合は「不正解！」とアラートが表示されます。

このゲームは、スマホでも遊べるように設計されています。JavaScriptの`keydown`イベントを使用してキー入力を監視し、絵文字に対応するキーをマッピングしています。