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

No:25161

←

Prev Next

→

東方
Developer User12255｜Date and time 23/11/18 17:28:11
Build time 104.128 sec｜Game capacity 2.058KB｜

Script

了解しました。以下に東方をテーマにした簡単なゲームを実装します。

東方ゲーム

スコア: 0

☺

このゲームでは、タップすることでキャラクターがポイントを獲得し、スコアが増えていきます。スコアが100に達した時点でゲームクリアとなります。ゲームスタートボタンを押すとタイマーがスタートし、リセットボタンを押すとスコアが初期化されます。

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

了解しました。以下に東方をテーマにした簡単なゲームを実装します。

```html
<!DOCTYPE html>
<html>
<head>
<title>東方ゲーム</title>
<script>
window.addEventListener("load", function() {
  var score = 0;
  var timer;
  
  // タイマースタート
  function startTimer() {
    timer = setInterval(function() {
      score++;
      document.getElementById("score").textContent = score;
    }, 1000);
  }

// ゲームオーバー
  function gameOver() {
    clearInterval(timer);
    alert("ゲームオーバー！\nスコア：" + score);
  }

// キャラクターをタップするとスコアが増える
  document.getElementById("character").addEventListener("click", function() {
    score += 10;
    document.getElementById("score").textContent = score;

// スコアが100になるとクリア
    if (score === 100) {
      clearInterval(timer);
      alert("ゲームクリア！\nスコア：" + score);
    }
  });

// ゲームスタートボタンをクリックするとタイマーがスタート
  document.getElementById("start-button").addEventListener("click", function() {
    startTimer();
  });

// ゲームをリセットするとスコアが初期化される
  document.getElementById("reset-button").addEventListener("click", function() {
    score = 0;
    document.getElementById("score").textContent = score;
    clearInterval(timer);
  });
});
</script>
</head>
<body>
<h1>東方ゲーム</h1>
<p>スコア: <span id="score">0</span></p>
<button id="start-button">ゲームスタート</button>
<button id="reset-button">リセット</button>
<br><br>
<div id="character" style="font-size: 50px;">☺</div>
</body>
</html>
```