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

No:5341

969

←

Prev Next

→

Spaceship Earth🚀🌍.
Developer User3812｜Date and time 23/6/29 23:53:54
Build time 20.019 sec｜Game capacity 1.821KB｜

Script

了解です！以下に、スマホで遊べる簡単なゲームの例を示します。

宇宙船地球

地球を守ろう！

🚀

🌍

このゲームでは、画面上に宇宙船と地球の絵文字が表示されます。宇宙船をクリックするとスコアが増え、ランダムな位置に再配置されます。一方、地球をクリックするとスコアが減ります。画面上部には現在のスコアが表示されます。この例は簡単なゲームですが、JavaScriptを使用してインタラクティブな要素を実装しています。スマホ上で遊べるように、タッチに対応しています。もちろん、この例を基にさらに機能を追加したり、ゲームを改良することも可能です。

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

了解です！以下に、スマホで遊べる簡単なゲームの例を示します。

```html
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>宇宙船地球</title>
</head>
<body>
  <h1>宇宙船地球</h1>
  <p>地球を守ろう！</p>
  <div id="spaceship">🚀</div>
  <div id="earth">🌍</div>

let score = 0;

spaceship.addEventListener('click', () => {
      score += 1;
      updateScore();

const randomX = Math.random() * (window.innerWidth - 50);
      const randomY = Math.random() * (window.innerHeight - 50);
      spaceship.style.left = randomX + 'px';
      spaceship.style.top = randomY + 'px';
    });

earth.addEventListener('click', () => {
      score -= 1;
      updateScore();
    });

function updateScore() {
      const scoreElement = document.createElement('p');
      scoreElement.textContent = 'スコア: ' + score;
      document.body.appendChild(scoreElement);
    }
  </script>
</body>
</html>
```

このゲームでは、画面上に宇宙船と地球の絵文字が表示されます。宇宙船をクリックするとスコアが増え、ランダムな位置に再配置されます。一方、地球をクリックするとスコアが減ります。画面上部には現在のスコアが表示されます。

この例は簡単なゲームですが、JavaScriptを使用してインタラクティブな要素を実装しています。スマホ上で遊べるように、タッチに対応しています。もちろん、この例を基にさらに機能を追加したり、ゲームを改良することも可能です。