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

No:4640

835

←

Prev Next

→

rocket punch
Developer User3796｜Date and time 23/6/28 13:57:16
Build time 17.921 sec｜Game capacity 1.611KB｜

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: #f7eaea;
    }
    .rocket {
      font-size: 100px;
    }
    .target {
      font-size: 50px;
      padding: 20px;
      border: 2px solid #000;
      border-radius: 50%;
      background-color: #fff;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>ロケットパンチ</h1>
  <p>ターゲットをタップしてロケットパンチしてください！</p>
  <div class="rocket">🚀</div>
  <div class="target">🎯</div>

// ロケットがクリックされたときに、ターゲットを移動させる関数
    rocket.addEventListener('click', function() {
      const randomX = Math.random() * (window.innerWidth - 100); // 画面内のランダムなx座標
      const randomY = Math.random() * (window.innerHeight - 100); // 画面内のランダムなy座標

target.style.top = randomY + 'px';
      target.style.left = randomX + 'px';
    });
  </script>
</body>
</html>
```