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

No:4882

2013

←

Prev Next

→

Achilles heel snapping
Developer sayaensm｜Date and time 23/6/28 23:14:23
Build time 24.347 sec｜Game capacity 2.155KB｜

Script

了解です。以下にスマホ向けのシンプルなゲームの例を示します。

Emojiハンター

🐱🐶🐰🐼の中からランダムに表示された絵文字をタップしよう！

この例では、「Emojiハンター」というシンプルなゲームを作成しています。画面上に表示された絵文字をタップすると、その絵文字が非表示になり、新しい絵文字が表示されます。絵文字をタップするたびにポイントが加算されます。以上のコードを1枚のHTMLファイルに保存し、スマートフォンで開くことで遊ぶことができます。

←

Prev　Next

→ 　

Back　

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

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

了解です。以下にスマホ向けのシンプルなゲームの例を示します。

```html
<!DOCTYPE html>
<html>
<head>
    <title>絵文字ゲーム</title>
</head>
<body>

<h1>Emojiハンター</h1>
    <p>🐱🐶🐰🐼の中からランダムに表示された絵文字をタップしよう！</p>

// 絵文字を表示する関数
        function showEmoji() {
            // emojiContainer要素を取得
            var emojiContainer = document.getElementById("emojiContainer");
            // emojiContainerをクリア
            emojiContainer.innerHTML = "";
            // emojisからランダムに絵文字を選択
            var randomEmoji = emojis[Math.floor(Math.random() * emojis.length)];
            // 絵文字を表示
            var emoji = document.createElement("span");
            emoji.innerHTML = randomEmoji;
            emojiContainer.appendChild(emoji);
        }

// 絵文字をタップした時の処理
        function tapEmoji() {
            // タップされた絵文字を非表示
            this.style.display = "none";
            // ポイントを加算
            score++;
            // 新しい絵文字を表示
            showEmoji();
        }

// 絵文字をタップするイベントリスナーを設定
        document.getElementById("emojiContainer").addEventListener("click", tapEmoji);
        
        // ゲーム開始時に最初の絵文字を表示
        showEmoji();
    </script>

</body>
</html>
```