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

No:24813

←

Prev Next

→

🐥
Developer おまめちゃん｜Date and time 23/11/12 14:07:45
Build time 46.117 sec｜Game capacity 1.697KB｜

Script

了解です🐥実際のプログラムで記述して、処理が実行開始されるようにします。完成したゲームとしてスマホで遊べるようにします。絵文字も使います。以下に、サンプルのゲームを実装してみます。

タップゲーム

得点: 0

このプログラムは、タップゲームをシミュレートするものです。スタートボタンを押すと、得点が増え続けるし、ランダムな絵文字も表示されます。5秒後にゲームは終了します。このような感じで、スマホで操作しやすいゲームを作ることができます。

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>タップゲーム</title>
</head>
<body>
  <h1>タップゲーム</h1>
  <p id="scoreEmoji"></p>
  <button id="startButton" onclick="startGame()">スタート</button>
  <p id="scoreText">得点: 0</p>
  <script>
    var score = 0;
    var timer;

function startGame() {
      document.getElementById("startButton").disabled = true;
      timer = setInterval(updateScore, 1000);
      updateScore();
    }

function updateScore() {
      score++;
      document.getElementById("scoreText").innerHTML = "得点: " + score;

// 絵文字をランダムに表示
      var emojis = ["🌸", "🍎", "⚽️", "🐱", "🌈"];
      var randomIndex = Math.floor(Math.random() * emojis.length);
      var randomEmoji = emojis[randomIndex];
      document.getElementById("scoreEmoji").innerHTML = randomEmoji;
    }

// 5秒後に終了
    setTimeout(endGame, 5000);

function endGame() {
      clearInterval(timer);
      document.getElementById("startButton").disabled = false;
    }
  </script>
</body>
</html>
```