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

No:12375

163

←

Prev Next

→

Penfields Homunculus
Developer User1006｜Date and time 23/8/15 10:44:57
Build time 20.348 sec｜Game capacity 2.612KB｜

Script

了解しました。以下に、スマホで遊べる簡単なゲームの実装例を示します。

ホムンクルスゲーム

スコア: 0

残り時間: 10秒

このプログラムは、ホムンクルスゲームと呼ばれるクリックゲームです。画面にランダムな場所に絵文字が表示され、その中から指定された絵文字をクリックしていくゲームです。制限時間内にできるだけ多くの絵文字をクリックしてスコアを稼ぐことが目標です。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

了解しました。以下に、スマホで遊べる簡単なゲームの実装例を示します。

```html
<!DOCTYPE html>
<html>
<head>
    <title>ホムンクルスゲーム</title>
    <style>
        body {
            text-align: center;
            font-family: Arial, sans-serif;
        }
    </style>
</head>
<body>
    <h1>ホムンクルスゲーム</h1>
    <p id="score">スコア: 0</p>
    <p id="time">残り時間: 10秒</p>
    <div id="container"></div>

// クリック時の処理
        function handleClick(e) {
            if (e.target.classList.contains("emoji")) {
                score++;
                scoreElement.textContent = "スコア: " + score;
                e.target.remove();
            }
        }

// ランダムな場所に絵文字を生成
        function createEmoji() {
            const emoji = document.createElement("span");
            emoji.classList.add("emoji");
            emoji.textContent = emojis[Math.floor(Math.random() * emojis.length)];
            emoji.style.top = Math.random() * 80 + 10 + "%";
            emoji.style.left = Math.random() * 80 + 10 + "%";
            container.appendChild(emoji);
        }

// ゲームの開始
        function startGame() {
            container.addEventListener("click", handleClick);
            setInterval(createEmoji, 1000);
            const timer = setInterval(function () {
                time--;
                timeElement.textContent = "残り時間: " + time + "秒";
                if (time === 0) {
                    clearInterval(timer);
                    container.removeEventListener("click", handleClick);
                    alert("ゲーム終了！ スコア: " + score);
                    container.innerHTML = "ゲーム終了";
                }
            }, 1000);
        }

startGame();
    </script>
</body>
</html>
```