AI game creator

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

No:15115

←

Prev Next

→

銃ゲーム
Developer User6485｜Date and time 23/9/6 7:48:49
Build time 20.278 sec｜Game capacity 1.723KB｜

Script

了解します。以下に銃ゲームの実装例を示します。

このゲームの仕様は以下の通りです。 - 赤い四角いターゲットが画面上をランダムに移動します。 - ターゲットをクリックすると、スコアが1増えます。 - 10秒経過するとゲームが終了します。 - ゲーム終了後はスコアが表示されます。このようなゲームを1枚のHTMLファイルとして実装し、JavaScriptで制御しています。

←

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">
  <title>銃ゲーム</title>
  <style>
    #target {
      width: 100px;
      height: 100px;
      background-color: red;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 50px;
      text-align: center;
    }
  </style>
</head>
<body>
  <div id="target"></div>
  
  <script>
    const target = document.getElementById("target");
    let score = 0;

// ターゲットをクリックした時の処理
    target.addEventListener("click", () => {
      score++;
      target.style.top = Math.random() * 90 + "%";
      target.style.left = Math.random() * 90 + "%";
      target.innerText = "🎯";
    });

// ゲーム終了の条件設定
    const endTime = Date.now() + 10000; // 10秒後に終了
    const timer = setInterval(() => {
      const timeLeft = Math.round((endTime - Date.now()) / 1000);
      if (timeLeft < 0) {
        clearInterval(timer);
        target.style.top = "50%";
        target.style.left = "50%";
        target.innerText = "スコア：" + score;
        return;
      }
      target.innerText = timeLeft;
    }, 1000);
  </script>
</body>
</html>
```

このゲームの仕様は以下の通りです。
- 赤い四角いターゲットが画面上をランダムに移動します。
- ターゲットをクリックすると、スコアが1増えます。
- 10秒経過するとゲームが終了します。
- ゲーム終了後はスコアが表示されます。

このようなゲームを1枚のHTMLファイルとして実装し、JavaScriptで制御しています。