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

No:7097

1020

←

Prev Next

→

[Notice] A game that trolls Twitter of the develop..ALL
Developer どうスクのアプデ早くしろよ！🤬💢｜Date and time 23/7/5 12:45:36
Build time 13.551 sec｜Game capacity 2.458KB｜

Script

以下は、スマートフォンで遊べるシンプルなゲームの例です。このゲームでは、ユーザーが画面上に表示される数字をタップして、タイムリミット内にできるだけ多くのポイントを獲得することを目指します。

0

Ready?

このゲームでは、画面上部にスコア、画面中央に残り時間が表示されます。タイムリミット内に画面に表示される数字をタップすることでスコアが加算されます。制限時間が経過するとゲームオーバーとなり、スコアが表示されます。以上が、JavaScriptを含む1枚のHTMLファイルで実装されたスマートフォン向けのゲームの例です。

←

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-size: 2em;
            padding-top: 10%;
        }
    </style>
</head>
<body>
    <h1 id="score">0</h1>
    <h2 id="time-left">Ready?</h2>
    <script>
        var score = 0;
        var timeLeft = 10;
        var gameInterval;

function showScore() {
            document.getElementById("score").textContent = score;
        }

function showTimeLeft() {
            document.getElementById("time-left").textContent = "Time left: " + timeLeft;
        }

function createRandomNumber() {
            var number = Math.floor(Math.random() * 10);
            var button = document.createElement("button");
            button.textContent = number;
            button.style.fontSize = "2em";
            button.style.padding = "10px 20px";
            button.style.margin = "10px";
            button.onclick = function() {
                score++;
                showScore();
                createRandomNumber();
            };
            document.body.appendChild(button);
        }

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

このゲームでは、画面上部にスコア、画面中央に残り時間が表示されます。タイムリミット内に画面に表示される数字をタップすることでスコアが加算されます。制限時間が経過するとゲームオーバーとなり、スコアが表示されます。

以上が、JavaScriptを含む1枚のHTMLファイルで実装されたスマートフォン向けのゲームの例です。