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

No:5623

2360

←

Prev Next

→

Bugs are attracted to light! In other words, do bu..ALL
Developer User3589｜Date and time 23/6/30 14:26:09
Build time 18.908 sec｜Game capacity 1.609KB｜

Script

分かりました！以下に、明るいところにバグが集まる検証ゲームの例を示します。

Bug Collection Game

🐛

このゲームでは、画面内でバグの絵文字が表示されます。バグの初期位置はランダムに設定され、クリックすると別の場所に移動します。スマートフォンでの操作に対応しており、バグをタップすることで移動することができます。バグが明るい場所に集まるのか、確認してみてください！

←

Prev　Next

→ 　

Back　

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

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

分かりました！以下に、明るいところにバグが集まる検証ゲームの例を示します。

```
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Bug Collection Game</title>
  <style>
    #bug {
      font-size: 50px;
    }
  </style>
</head>
<body>
  <h1>Bug Collection Game</h1>
  
  <p id="bug">🐛</p>
  
  <script>
    // バグの初期位置をランダムに設定
    var bug = document.getElementById("bug");
    var screenWidth = window.innerWidth;
    var screenHeight = window.innerHeight;
    var bugSize = 100;
    var maxLeft = screenWidth - bugSize;
    var maxTop = screenHeight - bugSize;
    var randomLeft = Math.floor(Math.random() * maxLeft);
    var randomTop = Math.floor(Math.random() * maxTop);
    bug.style.left = randomLeft + "px";
    bug.style.top = randomTop + "px";
  
    // バグの移動処理
    function moveBug() {
      var newLeft = Math.floor(Math.random() * maxLeft);
      var newTop = Math.floor(Math.random() * maxTop);
      bug.style.left = newLeft + "px";
      bug.style.top = newTop + "px";
    }
  
    // バグをクリックしたら移動する
    bug.addEventListener("click", moveBug);
  </script>
</body>
</html>
```

このゲームでは、画面内でバグの絵文字が表示されます。バグの初期位置はランダムに設定され、クリックすると別の場所に移動します。スマートフォンでの操作に対応しており、バグをタップすることで移動することができます。

バグが明るい場所に集まるのか、確認してみてください！