Attach 🐾 in random sizes and random places's game

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

No:8953

←

Prev Next

→

Attach 🐾 in random sizes and random places
Developer User4271｜Date and time 23/7/19 21:42:06
Build time 19.484 sec｜Game capacity 1.841KB｜

Script

了解しました。以下に、ランダムな大きさと位置に🐾を表示するゲームを実装します。スマートフォンで遊ぶことを前提としています。

このプログラムでは、画面上に🐾がランダムな大きさと位置で表示されます。🐾をクリックすると消え、0.5秒後に新たな🐾が表示されます。このゲームをスマホでプレイする場合、🐾をタップすることで遊ぶことができます。ゲームの処理は実行開始されています。

←

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>
    #game {
      position: relative;
      width: 100vw;
      height: 100vh;
    }
    .paw {
      position: absolute;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <div id="game"></div>
  <script>
    function getRandomPosition() {
      const width = window.innerWidth;
      const height = window.innerHeight;
      const randomX = Math.floor(Math.random() * (width - 100));
      const randomY = Math.floor(Math.random() * (height - 100));
      return [randomX, randomY];
    }

function getRandomSize() {
      const randomSize = Math.floor(Math.random() * 100) + 50;
      return randomSize;
    }

function createPaw() {
      const [randomX, randomY] = getRandomPosition();
      const randomSize = getRandomSize();

const paw = document.createElement('div');
      paw.classList.add('paw');
      paw.innerHTML = '🐾';
      paw.style.fontSize = randomSize + 'px';
      paw.style.left = randomX + 'px';
      paw.style.top = randomY + 'px';

paw.addEventListener('click', function() {
        this.remove();
        setTimeout(createPaw, 500);
      });

document.getElementById('game').appendChild(paw);
    }

createPaw();
  </script>
</body>
</html>
```