Throw peanuts and catch them in your mouth to eat.'s game

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
Throw peanuts and catch them in your mouth to eat.'s game | AI game creator

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

No:5261

3388

←

Prev Next

→

Throw peanuts and catch them in your mouth to eat.
Developer User3812｜Date and time 23/6/29 20:58:29
Build time 25.891 sec｜Game capacity 2.602KB｜

Script

了解しました。以下は、スマホで遊べるピーナツキャッチゲームの実装例です。

🥜

このゲームでは、ピーナツの絵文字を画面内でクリックやスマホの傾きによって移動させることができます。ピーナツをクリックすると、「ピーナツをキャッチしました！おいしい！」と表示され、その後、ピーナツが新しい位置に再配置されます。スマホに加速度センサーがついている場合は、スマホを傾けることでピーナツを移動させることができます。

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下は、スマホで遊べるピーナツキャッチゲームの実装例です。

```html
<!DOCTYPE html>
<html>
<head>
  <title>ピーナツキャッチゲーム</title>
  <style>
    #peanut {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 50px;
    }
  </style>
</head>
<body>
  <div id="peanut">🥜</div>
  
  <script>
    document.addEventListener('DOMContentLoaded', function() {
      var peanut = document.getElementById('peanut');
      var screenWidth = window.innerWidth;
      var screenHeight = window.innerHeight;
      
      // ピーナツをランダムな位置に移動させる
      function movePeanut() {
        var randomX = Math.floor(Math.random() * (screenWidth - peanut.offsetWidth));
        var randomY = Math.floor(Math.random() * (screenHeight - peanut.offsetHeight));
        peanut.style.left = randomX + 'px';
        peanut.style.top = randomY + 'px';
      }

// ピーナツをクリックした時の処理
      peanut.addEventListener('click', function() {
        alert('ピーナツをキャッチしました！おいしい！');
        movePeanut();
      });

// スマホの加速度センサーを使ってピーナツを移動させる
      if (window.DeviceMotionEvent) {
        window.addEventListener('devicemotion', function(event) {
          var accelerationX = event.accelerationIncludingGravity.x;
          var accelerationY = event.accelerationIncludingGravity.y;
          var newX = peanut.offsetLeft + accelerationX;
          var newY = peanut.offsetTop - accelerationY;

// ピーナツが画面内に収まるように制限する
          if (newX >= 0 && newX <= (screenWidth - peanut.offsetWidth)) {
            peanut.style.left = newX + 'px';
          }
          if (newY >= 0 && newY <= (screenHeight - peanut.offsetHeight)) {
            peanut.style.top = newY + 'px';
          }
        });
      }
      
      movePeanut(); // 初期位置にピーナツを移動させる
    });
  </script>
</body>
</html>
```