🥺ぴえん🥺 画面をタップすると、タップした箇所に🥺が表示されます。表示される🥺のサイズはランダムです。 🥺は、ランダムな方向へ移動します。壁にぶつかると跳ね返ります。画面を沢山タップして、🥺を増やしましょう！！'s game

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

No:4042

1730

←

Prev Next

→

🥺ぴえん🥺 画面をタップすると、タップした箇所に🥺が表示されます。表示される🥺のサイズはランダムで..ALL
Developer もちきなこ｜Date and time 23/6/27 3:03:18
Build time 20.479 sec｜Game capacity 2.214KB｜

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>
      #container {
        width: 100%;
        height: 100%;
        background-color: white;
        position: fixed;
        top: 0;
        left: 0;
      }
    </style>
  </head>
  <body>
    <div id="container"></div>
    <script>
      window.onload = function() {
        var container = document.getElementById('container');
        var emojis = [];

container.addEventListener('click', function(event) {
          var emoji = document.createElement('span');
          emoji.innerText = '🥺';
          var fontSize = getRandomInt(16, 48);
          emoji.style.fontSize = fontSize + 'px';
          emoji.style.position = 'absolute';
          emoji.style.top = event.clientY - fontSize/2 + 'px';
          emoji.style.left = event.clientX - fontSize/2 + 'px';
          container.appendChild(emoji);
          emojis.push(emoji);
        });

setInterval(function() {
          emojis.forEach(function(emoji) {
            var x = parseInt(emoji.style.left);
            var y = parseInt(emoji.style.top);
            var dx = getRandomInt(-5, 5);
            var dy = getRandomInt(-5, 5);
            x += dx;
            y += dy;
            if (x < 0 || x > container.offsetWidth - emoji.offsetWidth) {
              dx = -dx;
              x += 2*dx;
            }
            if (y < 0 || y > container.offsetHeight - emoji.offsetHeight) {
              dy = -dy;
              y += 2*dy;
            }
            emoji.style.left = x + 'px';
            emoji.style.top = y + 'px';
          });
        }, 50);

function getRandomInt(min, max) {
          return Math.floor(Math.random() * (max - min + 1)) + min;
        }
      }
    </script>
  </body>
</html>
```