中央に地球があるランダムで高速に地球に向かってくる隕石隕石をタップして消去地球に隕石がぶつかるとゲームオーバーだ's game

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

No:5728

706

←

Prev Next

→

中央に地球があるランダムで高速に地球に向かってくる隕石隕石をタップして消去地球に隕石がぶ..ALL
Developer アッキー(ニセ)｜Date and time 23/6/30 17:48:38
Build time 32.321 sec｜Game capacity 2.999KB｜

Script

了解です。以下に、要件に基づいたプログラムの例を示します。

🌍

Score: 0

このプログラムは、中央に地球があり、ランダムなスピードで地球に向かってくる隕石をタップして消去するゲームです。隕石が地球にぶつかるとゲームオーバーになり、スコアが表示されます。再度ゲームをプレイするにはページをリロードしてください。（このプログラムは、タップイベントを使用しているため、スマートフォンやタブレットなどのタッチ操作に適しています。デスクトップでプレイする場合は、マウスクリックで操作してください。）

←

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>
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
    
    #earth {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 80px;
    }
    
    #score {
      position: absolute;
      top: 10px;
      right: 10px;
      font-size: 24px;
    }
  </style>
</head>
<body>
  <div id="earth">🌍</div>
  <div id="score">Score: <span id="scoreValue">0</span></div>

// スコア要素の取得
    const scoreValue = document.getElementById('scoreValue');
    let score = 0;

// 隕石の作成
    function createMeteor() {
      const meteor = document.createElement('div');
      meteor.innerText = '💥';
      meteor.style.fontSize = Math.floor(Math.random() * 40 + 10) + 'px';
      meteor.style.position = 'absolute';
      meteor.style.left = Math.random() * window.innerWidth + 'px';
      meteor.style.top = '-50px';

// 隕石をクリックしたら削除し、スコアを加算
      meteor.addEventListener('click', () => {
        meteor.remove();
        score++;
        scoreValue.textContent = score;
      });

// 隕石が地球にぶつかったらゲームオーバー
      const meteorInterval = setInterval(() => {
        const meteorTop = parseFloat(getComputedStyle(meteor).top);
        if (meteorTop >= window.innerHeight - earthSize) {
          clearInterval(meteorInterval);
          gameOver();
        }
        meteor.style.top = meteorTop + 1 + 'px';
      }, 10);

document.body.appendChild(meteor);
    }

// ゲームオーバー処理
    function gameOver() {
      alert(`ゲームオーバー！\nスコア: ${score}`);
      location.reload();
    }

// 隕石を定期的に生成
    const meteorInterval = setInterval(createMeteor, 1000);

// ページをタップしたらゲームスタート
    document.body.addEventListener('click', () => {
      clearInterval(meteorInterval);
      createMeteor();
    });
  </script>
</body>
</html>
```

このプログラムは、中央に地球があり、ランダムなスピードで地球に向かってくる隕石をタップして消去するゲームです。隕石が地球にぶつかるとゲームオーバーになり、スコアが表示されます。再度ゲームをプレイするにはページをリロードしてください。

（このプログラムは、タップイベントを使用しているため、スマートフォンやタブレットなどのタッチ操作に適しています。デスクトップでプレイする場合は、マウスクリックで操作してください。）