Star Eating Game! Eat the Earth🌏!'s game

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

No:5207

2231

←

Prev Next

→

Star Eating Game! Eat the Earth🌏!
Developer User3589｜Date and time 23/6/29 20:14:47
Build time 30.704 sec｜Game capacity 2.782KB｜

Script

星を食べるゲームを作ります。地球を表す絵文字🌏をクリックして、飛んでくる星々を取るようにします。以下が実装例です：

このゲームでは、地球をクリックすると星がランダムな位置から飛んできます。プレイヤーは星をクリックすると得点が加算され、画面外に出た星は削除されます。新しい星は地球をクリックするたびに生成されます。プレイヤーの目標はできるだけ多くの星を取ることです。

←

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>
    body {
      text-align: center;
      background-color: black;
      color: white;
      font-size: 50px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <script>
    // プレイヤーの得点を保持する変数
    let score = 0;
    
    // 星を作成する関数
    function createStar() {
      const star = document.createElement('div');
      star.innerHTML = '✨'; // 絵文字を使って星を表現
      star.style.fontSize = '50px';
      star.style.position = 'absolute';
      
      // 星のランダムな位置と速度を設定
      const screenWidth = window.innerWidth;
      const screenHeight = window.innerHeight;
      const randomX = Math.random() * (screenWidth - 50);
      const randomY = Math.random() * (screenHeight - 50);
      const randomSpeed = 1 + Math.random() * 5;
      
      star.style.left = randomX + 'px';
      star.style.top = randomY + 'px';
      
      // 星がクリックされた場合の処理
      star.addEventListener('click', function() {
        score++;
        document.body.removeChild(star);
      });
      
      // 星を移動させるアニメーション
      function animate() {
        const currentX = parseFloat(star.style.left);
        const currentY = parseFloat(star.style.top);
        
        if (currentX > screenWidth || currentY > screenHeight) {
          // 星が画面外に出たら削除し、新しい星を作成する
          document.body.removeChild(star);
          createStar();
        } else {
          star.style.left = currentX + randomSpeed + 'px';
          star.style.top = currentY + randomSpeed + 'px';
          requestAnimationFrame(animate);
        }
      }
      
      document.body.appendChild(star);
      animate();
    }
    
    // 地球をクリックした場合の処理
    document.body.addEventListener('click', function(event) {
      if (event.target.innerHTML === '🌏') {
        // 地球がクリックされたら星を生成する
        createStar();
      }
    });
    
    // 初期化
    document.body.innerHTML = '🌏';
  </script>
</body>
</html>
```

このゲームでは、地球をクリックすると星がランダムな位置から飛んできます。プレイヤーは星をクリックすると得点が加算され、画面外に出た星は削除されます。新しい星は地球をクリックするたびに生成されます。プレイヤーの目標はできるだけ多くの星を取ることです。