All-you-can-eat panipuri's game

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

No:5232

1692

←

Prev Next

→

All-you-can-eat panipuri
Developer もちきなこ｜Date and time 23/6/29 20:28:00
Build time 18.949 sec｜Game capacity 2.162KB｜

Script

了解です。では、以下にサンプルのゲームを実装します。

このサンプルでは、ボタンをクリックするとゲームが開始され、画面にはスコアとゴールが表示されます。ゴールをクリックすることでスコアが増えます。10秒経つとゲームが終了し、最終スコアが表示されます。また、このゲームはスマホでも正しく動作するように作られています。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

了解です。では、以下にサンプルのゲームを実装します。

```html
<!DOCTYPE html>
<html>
<head>
    <script>
        function startGame() {
            // ゲームの初期化処理
            var score = 0;

// ゲーム画面の作成
            var gameArea = document.createElement("div");
            gameArea.style.width = "100vw";
            gameArea.style.height = "100vh";
            gameArea.style.backgroundColor = "lightgray";
            document.body.appendChild(gameArea);

// スコア表示の作成
            var scoreDisplay = document.createElement("div");
            scoreDisplay.style.position = "absolute";
            scoreDisplay.style.top = "10px";
            scoreDisplay.style.left = "10px";
            scoreDisplay.style.fontSize = "24px";
            scoreDisplay.textContent = "Score: " + score;
            gameArea.appendChild(scoreDisplay);

// ゴール表示の作成
            var goal = document.createElement("div");
            goal.style.position = "absolute";
            goal.style.top = "50%";
            goal.style.left = "50%";
            goal.style.fontSize = "48px";
            goal.textContent = "🏆";
            goal.addEventListener("click", function() {
                score++;
                scoreDisplay.textContent = "Score: " + score;
            });
            gameArea.appendChild(goal);

// プレイ時間の設定（10秒後にゲーム終了）
            setTimeout(function() {
                alert("Time's up! Your score is " + score);
                gameArea.remove();
            }, 10000);
        }
    </script>
</head>
<body>
    <button onclick="startGame()">ゲームスタート</button>
</body>
</html>
```

このサンプルでは、ボタンをクリックするとゲームが開始され、画面にはスコアとゴールが表示されます。ゴールをクリックすることでスコアが増えます。10秒経つとゲームが終了し、最終スコアが表示されます。

また、このゲームはスマホでも正しく動作するように作られています。