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

No:6607

160

←

Prev Next

→

Tweet dead Twitter shelter😇
Developer User3898｜Date and time 23/7/2 23:20:47
Build time 30.708 sec｜Game capacity 3.418KB｜

Script

了解です。以下に、スマホで遊べるシンプルなゲームを実装したHTMLファイルの例を示します。このゲームは、数字をタップしていくとタイマーが進み、時間内にできるだけ多くの数字をタップするというルールです。

Game starts in 3 seconds...

0

このHTMLファイルをブラウザで開くと、タイマーが表示され、3秒後に数字タップゲームが開始されます。30秒間の間にできるだけ多くの数字をタップし、最終的なスコアが表示されます。スマホで表示することを前提に作成しています。

←

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>
        #timer {
            font-size: 24px;
            text-align: center;
        }

#score {
            font-size: 48px;
            text-align: center;
            margin-top: 100px;
            color: red;
        }
    </style>
</head>
<body>
    <h1 id="timer">Game starts in 3 seconds...</h1>
    <h1 id="score">0</h1>

// ゲームの状態
        var score = 0;
        var timeLeft = gameDuration;
        var gameStarted = false;

// タイマーの更新
        function updateTimer() {
            document.getElementById("timer").textContent = "Time left: " + timeLeft + " s";
        }

// スコアの更新
        function updateScore() {
            document.getElementById("score").textContent = score;
        }

// ゲームの開始
        function startGame() {
            gameStarted = true;
            document.getElementById("timer").textContent = "Time left: " + gameDuration + " s";

// カウントダウン
            var countdown = setInterval(function() {
                countdownDuration--;
                document.getElementById("timer").textContent = "Game starts in " + countdownDuration + " seconds...";
                
                if (countdownDuration === 0) {
                    clearInterval(countdown);
                    updateScore();
                    countdownFinished();
                }
            }, 1000);

// カウントダウン終了後の処理
            function countdownFinished() {
                // ゲームのメインループ
                var gameLoop = setInterval(function() {
                    timeLeft--;
                    updateTimer();

if (timeLeft === 0) {
                        clearInterval(gameLoop);
                        gameFinished();
                    }
                }, 1000);
                
                // ゲーム終了後の処理
                function gameFinished() {
                    gameStarted = false;
                    alert("Game over! Your score: " + score);
                }
            }
        }

// スマホ操作時の処理
        document.addEventListener("click", function(event) {
            if (event.target.tagName === "H1" && gameStarted) {
                score++;
                updateScore();
            }
        });

// ゲーム開始
        setTimeout(startGame, countdownDuration * 1000);
    </script>
</body>
</html>
```