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

No:10152

114

←

Prev Next

→

Long press reinforcement game
Developer User4479｜Date and time 23/7/29 4:01:16
Build time 21.736 sec｜Game capacity 2.69KB｜

Script

以下に長押し強化ゲームの実装例を示します。

長押し強化ゲーム

この実装例では、ゲームを始めるために「START」ボタンを押すことから始まります。ボタンが押されると、ゲームが開始され、ボタンを押し続けることで得点が加算されます。ボタンを離すと得点加算が終了し、再度ボタンを押すことから新しいゲームが始まります。タイマーはゲームの経過時間を表示します。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

以下に長押し強化ゲームの実装例を示します。

```html
<!DOCTYPE html>
<html>
<head>
  <title>長押し強化ゲーム</title>
</head>
<body>
  <h1>長押し強化ゲーム</h1>
  <button id="startButton">START</button>
  <p id="timer">0</p>
  <p id="score">0</p>
  <script>
    // ボタンが押下されたかどうかのフラグ
    var isPressed = false;
    // ボタンを押下している時間
    var pressTime = 0;
    // 得点
    var score = 0;
  
    // スタートボタンを押したときの処理
    document.getElementById("startButton").addEventListener("click", function() {
      // ゲームスタート
      startGame();
    });
  
    // ゲームスタート時の処理
    function startGame() {
      // スコアとタイマーを初期化
      score = 0;
      pressTime = 0;
      document.getElementById("score").textContent = "Score: 0";
      
      // 押下時間の計測開始
      startTime = new Date().getTime();
      setInterval(function() {
        // タイマーの表示更新
        var currentTime = new Date().getTime();
        var elapsedTime = (currentTime - startTime) / 1000;
        document.getElementById("timer").textContent = "Time: " + elapsedTime.toFixed(1) + "s";
        
        // 押下時間が一定値を超えた場合、得点を加算
        if (isPressed && pressTime >= 1.0) {
          score++;
          document.getElementById("score").textContent = "Score: " + score;
          
          // 押下時間をリセット
          pressTime = 0;
        }
      }, 100);
    }
  
    // ボタンを押したときの処理
    document.addEventListener("touchstart", function() {
      // ボタンが押されたフラグを立てる
      isPressed = true;
    });
  
    // ボタンを離したときの処理
    document.addEventListener("touchend", function() {
      // ボタンが離された時点でフラグを下げ、押下時間をリセット
      isPressed = false;
      pressTime = 0;
    });
  
    // ボタンが押し続けられている間の処理
    setInterval(function() {
      if (isPressed) {
        // 押下中の場合、押下時間を加算
        pressTime += 0.1;
      }
    }, 100);
  </script>
</body>
</html>
```