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

No:10507

You can do it on your phone with SCRATCH.
Developer User4560｜Date and time 23/7/31 19:14:41
Build time 31.635 sec｜Game capacity 2.926KB｜

Script

了解しました。以下に、JavaScriptを含むHTMLファイルを作成します。

Emojiゲーム

スコア: 0

このHTMLファイルを保存し、Webブラウザで開くと、Emojiゲームが遊べます。スマホでも遊ぶことができます。ゲームボード上でEmojiをクリックすると、スコアが加算され、ランダムな位置にEmojiが移動します。

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下に、JavaScriptを含むHTMLファイルを作成します。

```html
<!DOCTYPE html>
<html>
<head>
    <title>Emojiゲーム</title>
</head>
<body>
    <h1>Emojiゲーム</h1>

// 動く絵文字の情報
        const emoji = {
            x: 100,
            y: 100,
            speedX: 2,
            speedY: 1,
            size: 50,
            element: null
        };

// ゲームボードの要素を取得
        const gameBoard = document.getElementById("gameBoard");

// スコアの要素を取得
        const scoreDisplay = document.getElementById("score");

// emojiの要素を作成し、画面上に表示する
        emoji.element = document.createElement("div");
        emoji.element.style.position = "absolute";
        emoji.element.style.left = `${emoji.x}px`;
        emoji.element.style.top = `${emoji.y}px`;
        emoji.element.style.fontSize = "40px";
        emoji.element.innerText = "😃";
        gameBoard.appendChild(emoji.element);

// ゲームループの処理
        function gameLoop() {
            // emojiを動かす
            emoji.x += emoji.speedX;
            emoji.y += emoji.speedY;

// 画面からはみ出ないようにする
            if (emoji.x < 0 || emoji.x + emoji.size > gameBoard.clientWidth) {
                emoji.speedX *= -1;
            }

if (emoji.y < 0 || emoji.y + emoji.size > gameBoard.clientHeight) {
                emoji.speedY *= -1;
            }

// emojiの位置を更新する
            emoji.element.style.left = `${emoji.x}px`;
            emoji.element.style.top = `${emoji.y}px`;

// ゲームループを再実行
            requestAnimationFrame(gameLoop);
        }

// ゲームループを開始
        gameLoop();

// emojiをクリックした時の処理
        emoji.element.addEventListener("click", function() {
            // スコアを加算
            score++;

// スコアを表示
            scoreDisplay.innerText = `スコア: ${score}`;

// emojiをランダムな位置に移動する
            const maxX = gameBoard.clientWidth - emoji.size;
            const maxY = gameBoard.clientHeight - emoji.size;
            emoji.x = Math.floor(Math.random() * maxX);
            emoji.y = Math.floor(Math.random() * maxY);
        });
    </script>
</body>
</html>
```