✨pika pikākkā✨'s game

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

No:6502

1224

←

Prev Next

→

✨pika pikākkā✨
Developer User3891｜Date and time 23/7/2 15:31:17
Build time 23.41 sec｜Game capacity 2.488KB｜

Script

了解しました！以下にスマホ操作前提で遊べる簡単なゲームを作成します。

👻

このゲームでは、画面上にランダムな場所に表示される絵文字（👻）をクリックまたはタッチすると、絵文字が別の場所に再表示されます。画面上に表示できる絵文字は一つだけですが、クリックやタッチするたびに絵文字の位置が変わるので、連続して楽しむことができます。絵文字をクリックやタッチするたびに何らかの処理を追加することで、ゲームとしての要素をより充実させることも可能です。

←

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 Catch Game</title>
    <style>
        body {
            overflow: hidden;
        }
        #emoji {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 5em;
        }
    </style>
</head>
<body>
    <div id="emoji">👻</div>

// ランダムな座標にemojiを表示する関数
        function displayEmoji() {
            var emoji = document.getElementById("emoji");

// ランダムな座標を計算
            var x = Math.floor(Math.random() * (width - emoji.offsetWidth));
            var y = Math.floor(Math.random() * (height - emoji.offsetHeight));

// emojiの表示位置を設定
            emoji.style.left = x + "px";
            emoji.style.top = y + "px";
        }

// emojiがクリックされたときのイベントハンドラ
        function onClickEmoji() {
            // emojiを再度表示する
            displayEmoji();
        }

// emojiがタッチされたときのイベントハンドラ
        function onTouchEmoji(event) {
            event.preventDefault();

// emojiを再度表示する
            displayEmoji();
        }

// 初期表示時にemojiを表示する
        displayEmoji();

// emojiのクリックイベントを設定
        document.getElementById("emoji").addEventListener("click", onClickEmoji);

// emojiのタッチイベントを設定
        document.getElementById("emoji").addEventListener("touchstart", onTouchEmoji);
    </script>
</body>
</html>
```