hardcore Rokudenashi.'s game

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

No:5356

4122

←

Prev Next

→

hardcore Rokudenashi.
Developer もちきなこ｜Date and time 23/6/30 0:14:06
Build time 19.185 sec｜Game capacity 2.264KB｜

Script

了解しました。以下のようなシンプルなゲームを作成します。

このゲームでは、10個の笑顔の絵文字がランダムな位置に表示されます。絵文字をクリックするとスコアが増え、1秒後に新しい位置に表示されます。スコアは画面上部に表示されます。スマートフォンで遊ぶことができます。

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下のようなシンプルなゲームを作成します。

```html
<!DOCTYPE html>
<html>
<head>
    <title>Emoji Catcher Game</title>
    <style>
        #game-board {
            width: 400px;
            height: 400px;
            border: 1px solid black;
            position: relative;
        }

.emoji {
            position: absolute;
            font-size: 2em;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div id="game-board"></div>

var score = 0;

function handleEmojiClick() {
            score++;
            document.getElementById("score").textContent = score;
            var emoji = event.target;
            emoji.style.display = "none";
            setTimeout(function() {
                emoji.style.display = "inline";
                var newPos = getRandomPosition();
                emoji.style.top = newPos.y + "px";
                emoji.style.left = newPos.x + "px";
            }, 1000);
        }

for (var i = 0; i < 10; i++) {
            var emoji = document.createElement("div");
            emoji.innerHTML = "😀";
            emoji.className = "emoji";
            var pos = getRandomPosition();
            emoji.style.top = pos.y + "px";
            emoji.style.left = pos.x + "px";
            emoji.onclick = handleEmojiClick;
            document.getElementById("game-board").appendChild(emoji);
        }

var scoreBoard = document.createElement("div");
        scoreBoard.innerHTML = "Score: <span id='score'>0</span>";
        document.body.appendChild(scoreBoard);
    </script>
</body>
</html>
```