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

No:20870

←

Prev Next

→

spongebob
Developer User9199｜Date and time 23/10/11 16:12:12
Build time 90.843 sec｜Game capacity 2.688KB｜

Script

了解です。以下にプログラムの例を示します。

スポンジボブのゲーム

Score: 0

Time left: 10 seconds

このプログラムは、スタートボタンをクリックすると10秒間の制限時間がスタートします。制限時間内にスポンジボブの絵文字が表示されるたびに、絵文字をクリックするとスコアが1増えます。制限時間終了後には、ゲーム終了のメッセージが表示されます。スマートフォンでプレイする前提で作成されており、スコア、制限時間、絵文字などを適切に表示しています。

←

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>スポンジボブのゲーム</title>
    <style>
        body {
            text-align: center;
            font-family: "Arial", sans-serif;
        }
        #spongebob {
            font-size: 100px;
        }
    </style>
</head>
<body>
    <h1>スポンジボブのゲーム</h1>
    <p id="score">Score: 0</p>
    <p id="message"></p>
    <p id="time">Time left: 10 seconds</p>
    <button onclick="startGame()">スタート</button>
    <script type="text/javascript">
        var score = 0;
        var timeLeft = 10;
        
        function startGame() {
            score = 0;
            timeLeft = 10;
            document.getElementById("score").innerText = "Score: " + score;
            document.getElementById("time").innerText = "Time left: " + timeLeft + " seconds";
            document.getElementById("message").innerText = "";
            
            var gameInterval = setInterval(function() {
                if (timeLeft > 0) {
                    document.getElementById("spongebob").innerText = "😃";
                    setTimeout(function() {
                        document.getElementById("spongebob").innerText = "";
                        document.getElementById("message").innerText = "";
                    }, 500);
                } else {
                    clearInterval(gameInterval);
                    document.getElementById("spongebob").innerText = "";
                    document.getElementById("message").innerText = "ゲーム終了！";
                }
                timeLeft--;
                document.getElementById("time").innerText = "Time left: " + timeLeft + " seconds";
            }, 1000);
        }
        
        function increaseScore() {
            if (timeLeft > 0) {
                score++;
                document.getElementById("score").innerText = "Score: " + score;
                document.getElementById("message").innerText = "スコア +1！";
            }
        }
    </script>
    <p id="spongebob" onclick="increaseScore()"></p>
</body>
</html>
```

このプログラムは、スタートボタンをクリックすると10秒間の制限時間がスタートします。制限時間内にスポンジボブの絵文字が表示されるたびに、絵文字をクリックするとスコアが1増えます。制限時間終了後には、ゲーム終了のメッセージが表示されます。

スマートフォンでプレイする前提で作成されており、スコア、制限時間、絵文字などを適切に表示しています。