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

No:32190

←

Prev Next

→

時を止めてナイフを投げるゲーム
Developer うにょUser14145｜Date and time 23/12/30 14:56:04
Build time 14.812 sec｜Game capacity 2.096KB｜

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>
<head>
  <meta charset="UTF-8">
  <title>時を止めてナイフを投げるゲーム</title>
  <style>
    #knife {
      position: absolute;
      font-size: 3rem;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
  </style>
</head>
<body>
  <h1>時を止めてナイフを投げるゲーム</h1>
  <h2 id="timer">0</h2>
  <button onclick="throwKnife()">ナイフを投げる</button>

// ゲームタイマーを表示する
    function displayTimer() {
      var timerElement = document.getElementById("timer");
      timerElement.textContent = Math.floor(performance.now() - startTime);
    }

// ナイフを投げたときの処理
    function throwKnife() {
      // タイマーを停止
      clearInterval(timerInterval);
      // ナイフを表示
      var knifeElement = document.createElement("div");
      knifeElement.innerHTML = "🔪";
      knifeElement.id = "knife";
      knifeElement.style.top = Math.random() * 80 + 10 + "%";
      knifeElement.style.left = Math.random() * 80 + 10 + "%";
      document.body.appendChild(knifeElement);
    }

// ゲームを開始する
    function startGame() {
      // タイマーをスタート
      timerInterval = setInterval(displayTimer, 100);
    }

// ゲームを開始する
    startGame();
  </script>
</body>
</html>
```