Diffuse Million Arthur's game

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

No:9396

133

←

Prev Next

→

Diffuse Million Arthur
Developer User4351｜Date and time 23/7/24 12:43:41
Build time 24.898 sec｜Game capacity 2.468KB｜

Script

了解しました。以下に、スマホで遊べるシンプルなゲームの例を示します。

スコア: 0

タップしてゲームを始める

このゲームでは、「タップして得点」と表示されたボタンをタップすることでスコアが加算されます。ゲームを始めるためには、「タップしてゲームを始める」と表示されたボタンをタップしてください。スコアが加算されると、画面上部に現在のスコアが表示されます。ゲームが終了すると、ボタンが「ゲームオーバー」と表示されます。このような形式でプログラムを作成して、1枚のHTMLファイルとして実装することができます。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

了解しました。以下に、スマホで遊べるシンプルなゲームの例を示します。

```html
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>ゲーム</title>
</head>
<body>
  <div id="game-container">
    <div id="score">スコア: 0</div>
    <div id="game-button">タップしてゲームを始める</div>
  </div>

// ゲーム開始時の処理
    function startGame() {
      gameStarted = true;
      score = 0;
      document.getElementById("score").innerText = "スコア: " + score;
      document.getElementById("game-button").innerText = "タップして得点";
      document.getElementById("game-button").style.backgroundColor = "lightblue";
    }

// ゲーム終了時の処理
    function endGame() {
      gameStarted = false;
      document.getElementById("game-button").innerText = "ゲームオーバー";
      document.getElementById("game-button").style.backgroundColor = "gray";
    }

// ゲームボタンがタップされた時の処理
    function buttonClicked() {
      if (gameStarted) {
        score++;
        document.getElementById("score").innerText = "スコア: " + score;
      }
    }

// ページが読み込まれた時の処理
    window.onload = function() {
      const gameContainer = document.getElementById("game-container");
      gameContainer.addEventListener("click", buttonClicked);
      gameContainer.addEventListener("touchstart", buttonClicked);
      document.getElementById("game-button").addEventListener("click", startGame);
      document.getElementById("game-button").addEventListener("touchstart", startGame);
      endGame();
    };
  </script>
</body>
</html>
```

このような形式でプログラムを作成して、1枚のHTMLファイルとして実装することができます。