A game in which 🤬 fills the screen.'s game

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

No:7781

2914

←

Prev Next

→

A game in which 🤬 fills the screen.
Developer anonymous｜Date and time 70/1/1 9:27:35
Build time unknown sec｜Game capacity 1.655KB｜

Script

了解しました。以下に指定された条件に合うゲームの例を示します。このゲームでは、「🤬」が画面いっぱいに出てくる様子を再現します。

上記のコードをhtmlファイルに保存し、ブラウザで開くと、画面いっぱいに「🤬」が出現し、徐々に消えていく様子が再現されるゲームが表示されます。JavaScriptの `setInterval` 関数を使用して一定間隔で「🤬」の要素を生成し、 `setTimeout` 関数を使用して一定時間後に要素を削除しています。このようにして「🤬」を連続して表示することで、ゲーム感を演出しています。また、スマートフォンでも操作可能なレイアウトに設定しています。ご参考までにご活用ください。

←

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>Angry Game</title>
  <style>
    body {
      background-color: black;
      font-size: 10vh;
      color: white;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
    }
  </style>
</head>
<body>
  <script>
    setInterval(() => {
      const angryFace = document.createElement('div');
      angryFace.innerText = '🤬';
      angryFace.style.position = 'fixed';
      angryFace.style.left = Math.random() * 100 + 'vw';
      angryFace.style.top = Math.random() * 100 + 'vh';
      angryFace.style.fontSize = Math.random() * 10 + 5 + 'vh';
      document.body.appendChild(angryFace);
      
      setTimeout(() => {
        angryFace.remove();
      }, 3000);
    }, 100);
  </script>
</body>
</html>
```

上記のコードをhtmlファイルに保存し、ブラウザで開くと、画面いっぱいに「🤬」が出現し、徐々に消えていく様子が再現されるゲームが表示されます。JavaScriptの `setInterval` 関数を使用して一定間隔で「🤬」の要素を生成し、 `setTimeout` 関数を使用して一定時間後に要素を削除しています。このようにして「🤬」を連続して表示することで、ゲーム感を演出しています。また、スマートフォンでも操作可能なレイアウトに設定しています。ご参考までにご活用ください。