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

No:10364

210

←

Prev Next

→

MGS
Developer User4369｜Date and time 23/7/30 19:56:45
Build time 17.075 sec｜Game capacity 2.063KB｜

Script

了解しました。以下にゲームの実装例を示します。

Emoji Game

Score: 0

😃

このプログラムは、スマホで操作しやすいようにタップ（クリック）イベントを使用しています。画面上に表示されているEmojiをクリックするとスコアが増え、Emojiの位置がランダムに変更されます。

←

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>Emoji Game</title>
</head>
<body>
    <div id="gameBoard">
        <h1>Emoji Game</h1>
        <p id="score">Score: 0</p>
        <div id="emoji">😃</div>
    </div>

// スクリーンの幅と高さを取得
        const screenX = window.innerWidth;
        const screenY = window.innerHeight;

// Emojiの初期位置をランダムに設定
        let emojiX = Math.floor(Math.random() * screenX);
        let emojiY = Math.floor(Math.random() * screenY);

// Emojiを画面に表示するための要素を取得
        const emojiElement = document.getElementById("emoji");
        emojiElement.style.position = "absolute";

// Emojiの初期位置を設定
        emojiElement.style.left = emojiX + "px";
        emojiElement.style.top = emojiY + "px";

// クリックしたときにスコアを増やし、Emojiの位置をランダムに変更する関数
        function updateGame() {
            score += 1;
            document.getElementById("score").textContent = "Score: " + score;

emojiX = Math.floor(Math.random() * screenX);
            emojiY = Math.floor(Math.random() * screenY);
            emojiElement.style.left = emojiX + "px";
            emojiElement.style.top = emojiY + "px";
        }

// Emoji要素にクリックイベントを追加
        emojiElement.addEventListener("click", updateGame);

// ゲームを開始するために最初のEmoji要素にフォーカスを当てる
        emojiElement.focus();
    </script>
</body>
</html>
```