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

No:9148

130

←

Prev Next

→

Defeat the ever-increasing number of hawks with a ..ALL
Developer User4271｜Date and time 23/7/21 17:45:35
Build time 23.781 sec｜Game capacity 3.534KB｜

Script

以下は、指定された要件に基づいたゲームの例です。このゲームでは、連打することで鷹を倒すことが目標です。

たかたたきゲーム

鷹を連打して倒せ！

🦅

このゲームでは、指定の時間が経過する（10秒）か、ゲームオーバーとなる条件を満たすとゲームが終了します。ゲームを始めるには、HTMLファイルをブラウザで開き、画面上の鷹をクリックするだけです。連打することで鷹を倒すことができ、スコアが表示されます。ゲームが終了すると、最終スコアが表示されます。なお、このゲームはモバイル端末でも動作しますが、タッチイベントを使用しているため、スマホ操作に最適化されています。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

以下は、指定された要件に基づいたゲームの例です。このゲームでは、連打することで鷹を倒すことが目標です。

```html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>たかたたきゲーム</title>
  <style>
    body {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      font-family: Arial, sans-serif;
    }
    .game-container {
      text-align: center;
    }
    #taka {
      font-size: 5rem;
      cursor: pointer;
    }
    #score {
      font-size: 3rem;
      margin-top: 1.5rem;
    }
  </style>
</head>
<body>
  <div class="game-container">
    <h1>たかたたきゲーム</h1>
    <p>鷹を連打して倒せ！</p>
    <p id="score">0</p>
    <p id="message"></p>
    <p id="game-over"></p>
    <span id="taka">🦅</span>
  </div>

function getRandomPosition() {
      const windowWidth = window.innerWidth;
      const windowHeight = window.innerHeight;
      const takaWidth = taka.offsetWidth;
      const takaHeight = taka.offsetHeight;
      const maxOffsetX = windowWidth - takaWidth;
      const maxOffsetY = windowHeight - takaHeight;
      const randomX = Math.floor(Math.random() * maxOffsetX);
      const randomY = Math.floor(Math.random() * maxOffsetY);
      return { x: randomX, y: randomY };
    }

function updateScore() {
      score++;
      scoreDisplay.textContent = score;
    }

function showGameOver() {
      message.textContent = '';
      gameOver.textContent = 'ゲームオーバー！最終スコア: ' + score;
    }

function endGame() {
      isGameOver = true;
      showGameOver();
      taka.removeEventListener('click', hitTaka);
    }

startGame();
    setTimeout(endGame, 10000); // 10秒後にゲーム終了
  </script>
</body>
</html>
```

このゲームでは、指定の時間が経過する（10秒）か、ゲームオーバーとなる条件を満たすとゲームが終了します。ゲームを始めるには、HTMLファイルをブラウザで開き、画面上の鷹をクリックするだけです。連打することで鷹を倒すことができ、スコアが表示されます。ゲームが終了すると、最終スコアが表示されます。

なお、このゲームはモバイル端末でも動作しますが、タッチイベントを使用しているため、スマホ操作に最適化されています。