タイミングよくタップするゲーム's game

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

No:21730

←

Prev Next

→

タイミングよくタップするゲーム
Developer バファリンヌ｜Date and time 23/10/17 21:39:51
Build time 92.653 sec｜Game capacity 2.266KB｜

Script

了解です。以下に、タイミングよくタップするゲームの実装例を示します。

👾

このゲームでは、画面上の絵文字（U+1F60E）をタップすることで得点を獲得します。ゲームが開始してから5秒間の間、タップした回数を計測し、タップ速度（1秒間に何回タップしたか）を表示します。ゲームが始まった後、スマホの画面をタップしてください。指定の時間が経過すると、「Time's up! Your score: スコア」のアラートが表示されます。注意：このゲームは一例であり、他の処理や機能を追加することも可能です。また、デザインや絵文字はお好みで変更してください。

←

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 {
        margin: 0;
        padding: 0;
        overflow: hidden;
    }
    #container {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 200px;
        text-align: center;
        cursor: pointer;
    }
</style>
</head>
<body>
<div id="container" onclick="tapGame()">
    👾
</div>

function updateScore() {
        if (isGameStarted && !isGameFinished) {
            var currentTime = Date.now();
            var elapsedTime = (currentTime - startTime) / 1000; // 秒単位の経過時間
            var tapRate = score / elapsedTime; // タップの速度（1秒間に何回タップしたか）
            document.title = "Score: " + score + "  Tap Rate: " + tapRate.toFixed(2) + " taps/sec";
        }
    }

function timesUp() {
        isGameFinished = true;
        alert("Time's up! Your score: " + score);
    }

setInterval(updateScore, 100);
    setTimeout(timesUp, 5000);
</script>
</body>
</html>
```

このゲームでは、画面上の絵文字（U+1F60E）をタップすることで得点を獲得します。ゲームが開始してから5秒間の間、タップした回数を計測し、タップ速度（1秒間に何回タップしたか）を表示します。

ゲームが始まった後、スマホの画面をタップしてください。指定の時間が経過すると、「Time's up! Your score: スコア」のアラートが表示されます。

注意：このゲームは一例であり、他の処理や機能を追加することも可能です。また、デザインや絵文字はお好みで変更してください。