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

No:9146

133

Kill the ever-increasing number of eagles flying a..ALL
Developer User4271｜Date and time 23/7/21 17:43:24
Build time 34.255 sec｜Game capacity 3.305KB｜

以下は、要件に基づいて作成された鷹を倒すゲームのサンプルコードです。このコードはHTMLファイルとして実装され、JavaScriptを含んでいます。

鷹を連打で倒すゲーム

このゲームでは、鷹が飛び回り、ユーザーは鷹を連打して倒すことが目的です。スマートフォンでプレイすることを前提としており、ボタンをクリックすることでゲームが開始されます。鷹は画面内を飛び回り、クリックすることで倒すことができます。プレイ時間は30秒で、タイムアップ時にスコアが表示されます。その他の要件にも対応しており、JavaScriptは`
`タグで囲まれ、HTMLファイルとして実装されています。CSSのスタイリングを使用して、ゲームエリアと鷹の表示を整えています。絵文字も使用しています（鷹の絵文字は🦅です）。なお、このコードはサンプルであり、必要な場合は改良やカスタマイズを行ってください。

→ 　

0　

0　

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

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

(C)2023 HisashiApp

以下は、要件に基づいて作成された鷹を倒すゲームのサンプルコードです。このコードはHTMLファイルとして実装され、JavaScriptを含んでいます。

```html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>鷹を倒すゲーム</title>
    <style>
      body {
        text-align: center;
      }
      #game-area {
        height: 400px;
        border: 1px solid #aaa;
        position: relative;
      }
      .taka {
        position: absolute;
        font-size: 25px;
      }
    </style>
  </head>
  <body>
    <h1>鷹を連打で倒すゲーム</h1>
    <div id="game-area">
      <button onclick="startGame()">スタート</button>
    </div>
    <script>
      // 鷹の動きを制御するクラス
      class Taka {
        constructor(id) {
          this.id = id;
          this.element = document.createElement('span');
          this.element.innerHTML = '🦅';
          this.element.className = 'taka';
          this.element.style.left = Math.random() * 90 + '%';
          this.element.style.top = Math.random() * 90 + '%';
          this.element.onclick = () => this.onClick();
          document.getElementById('game-area').appendChild(this.element);
        }
        onClick() {
          const element = document.getElementById(this.id);
          element.parentNode.removeChild(element);
          score++;
          updateScore();
        }
        move() {
          this.element.style.left = Math.random() * 90 + '%';
          this.element.style.top = Math.random() * 90 + '%';
        }
      }
      
      let score = 0;
      let interval;
      
      function startGame() {
        score = 0;
        updateScore();
      
        interval = setInterval(() => {
          const taka = new Taka('taka-' + Date.now());
          setTimeout(() => {
            taka.move();
          }, 1000);
          setTimeout(() => {
            const element = document.getElementById(taka.id);
            if (element) {
              element.parentNode.removeChild(element);
            }
          }, 5000);
        }, 3000);
      
        setTimeout(() => {
          clearInterval(interval);
          alert('ゲーム終了！ スコア: ' + score);
        }, 30000);
      }
      
      function updateScore() {
        document.getElementById('score').textContent = 'スコア: ' + score;
      }
    </script>
  </body>
</html>
```

このゲームでは、鷹が飛び回り、ユーザーは鷹を連打して倒すことが目的です。スマートフォンでプレイすることを前提としており、ボタンをクリックすることでゲームが開始されます。鷹は画面内を飛び回り、クリックすることで倒すことができます。プレイ時間は30秒で、タイムアップ時にスコアが表示されます。

その他の要件にも対応しており、JavaScriptは`<script>`タグで囲まれ、HTMLファイルとして実装されています。CSSのスタイリングを使用して、ゲームエリアと鷹の表示を整えています。

絵文字も使用しています（鷹の絵文字は🦅です）。

なお、このコードはサンプルであり、必要な場合は改良やカスタマイズを行ってください。