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

No:23241

←

Prev Next

→

タイミングに合わせるゲーム
Developer バファリンヌ｜Date and time 23/10/29 8:30:56
Build time 27.008 sec｜Game capacity 1.32KB｜

Script

はい、了解しました。以下にタイミングに合わせるゲームの実装例を示します。

タイミングゲーム

画面が赤くなったらクリックしてください！

このプログラムでは、画面上のブルーの四角がランダムなタイミングで赤くなります。このときにプレイヤーがクリックすると、その反応時間が表示されます。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

はい、了解しました。以下にタイミングに合わせるゲームの実装例を示します。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>タイミングゲーム</title>
</head>
<body>
  <h1>タイミングゲーム</h1>
  <p>画面が赤くなったらクリックしてください！</p>
  <div id="target" style="width: 200px; height: 200px; background-color: blue;"></div>

function startGame() {
      target.style.backgroundColor = "red";
      startTime = new Date().getTime();
    }

function endGame() {
      endTime = new Date().getTime();
      var reactionTime = (endTime - startTime) / 1000;
      alert("Your reaction time: " + reactionTime + " seconds");
      resetGame();
    }

function resetGame() {
      target.style.backgroundColor = "blue";
    }

target.addEventListener("click", endGame);
    setTimeout(startGame, Math.random() * 5000 + 2000); // 2秒〜7秒の間でランダムに開始

</script>
</body>
</html>
```