Kill the ever-increasing number of eagles flying around by hitting them in rapid succession.'s game

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

No:9144

184

←

Prev Next

→

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

Script

以下は、指定された要件に基づいて作成したゲームの例です。ただし、絵文字を使用することはできません。

上記のプログラムは、ブラウザ上で動作するシンプルなゲームです。鷹が画面内に表示され、連打することで倒すことができます。鷹を倒すとスコアが加算され、スコアがタイトルバーに表示されます。また、一定時間ごとに新しい鷹が生成されます。

←

Prev　Next

→ 　

Back　

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

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>
    body {
      margin: 0;
      padding: 0;
      overflow: hidden;
    }
    
    #game-container {
      position: relative;
      width: 100%;
      height: 100vh;
    }
    
    .taka {
      position: absolute;
      font-size: 40px;
      pointer-events: none;
    }
  </style>
</head>
<body>
  <div id="game-container"></div>
  
  <script>
    // ゲームの設定値
    const TAKA_COUNT = 10;  // 出現する鷹の数
    const ATTACK_DAMAGE = 10;  // 鷹を1回の連打で倒すダメージ
    
    // ゲームの状態
    let score = 0;  // 倒した鷹の数
    
    // マウスイベントの追加
    window.addEventListener("mousedown", handleAttack);
    window.addEventListener("touchstart", handleAttack);
    
    // ゲームコンテナの要素を取得
    const gameContainer = document.getElementById("game-container");
    
    // 鷹を生成してゲームコンテナに追加する関数
    function createTaka() {
      const taka = document.createElement("div");
      taka.className = "taka";
      taka.textContent = "🦅";
      taka.style.left = `${Math.random() * 90}%`;
      taka.style.top = `${Math.random() * 90}%`;
      
      // クリックイベントの追加
      taka.addEventListener("click", handleTakaClick);
      
      gameContainer.appendChild(taka);
    }
    
    // 鷹クリック時の処理
    function handleTakaClick(event) {
      event.target.remove();
      score++;
    }
    
    // 連打処理
    function handleAttack() {
      score += ATTACK_DAMAGE;
    }
    
    // 鷹の生成
    for (let i = 0; i < TAKA_COUNT; i++) {
      createTaka();
    }
    
    // ゲームループ
    setInterval(() => {
      score++;
    }, 100);
    
    // スコアの表示
    setInterval(() => {
      document.title = `スコア: ${score}`;
    }, 1000);
    
    </script>
  </body>
  </html>
```