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

No:12853

←

Prev Next

→

galar
Developer User5583｜Date and time 23/8/23 23:43:46
Build time 34.554 sec｜Game capacity 2.463KB｜

Script

了解です。以下にスマートフォンで遊べる簡単なゲームの実装例を示します。

ゲーム

スコア: 0

残り時間: 10秒

タップして開始

上記のコードでは、ゲーム画面にターゲット要素（絵文字の的）が表示されます。ターゲット要素をタップすることでスコアが加算され、指定された時間内でスコアをどれだけ稼ぐことができるか競います。ゲーム終了後にスコアが表示され、再度タップすることでゲームが再開されます。以上が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">
  <style>
    body { text-align: center; }
    #target { font-size: 5em; cursor: pointer; }
  </style>
</head>
<body>
  <h1>ゲーム</h1>
  <p id="score">スコア: 0</p>
  <p id="timer">残り時間: 10秒</p>
  <p id="message">タップして開始</p>
  <script>
    // スコアとタイマーの初期値
    let score = 0;
    let remainingTime = 10;

// ゲーム開始時に呼ばれる関数
    function startGame() {
      // タイマーの設定
      const timer = setInterval(() => {
        remainingTime--;
        document.getElementById("timer").textContent = `残り時間: ${remainingTime}秒`;
        if (remainingTime === 0) {
          gameover();
          clearInterval(timer);
        }
      }, 1000);

// ターゲット要素を押した時に呼ばれる関数
      function increaseScore() {
        score++;
        document.getElementById("score").textContent = `スコア : ${score}`;
      }

// ターゲット要素を作成
      const target = document.createElement("p");
      target.id = "target";
      target.textContent = "🎯";
      target.addEventListener("click", increaseScore);
      document.body.appendChild(target);

// ゲーム開始メッセージを非表示に
      document.getElementById("message").style.display = "none";
    }

// ゲーム終了時に呼ばれる関数
    function gameover() {
      document.getElementById("target").style.display = "none";
      document.getElementById("message").style.display = "block";
      document.getElementById("message").textContent = `ゲーム終了 スコア: ${score}`;
      score = 0;
      remainingTime = 10;
    }

// ゲーム開始を監視
    document.addEventListener("click", startGame);
  </script>
</body>
</html>
```

上記のコードでは、ゲーム画面にターゲット要素（絵文字の的）が表示されます。ターゲット要素をタップすることでスコアが加算され、指定された時間内でスコアをどれだけ稼ぐことができるか競います。ゲーム終了後にスコアが表示され、再度タップすることでゲームが再開されます。

以上が1枚のhtmlファイルで実装された、スマートフォンで遊べる簡単なゲームの例です。