カオナシが食べるゲーム's game

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

No:20441

←

Prev Next

→

カオナシが食べるゲーム
Developer User3589｜Date and time 23/10/9 20:12:28
Build time 15.119 sec｜Game capacity 1.963KB｜

Script

了解です。以下に、カオナシが食べるゲームのプログラムを示します。

👻

このプログラムでは、カオナシが表示されるゲームボード上でカオナシをクリックして食べるゲームになっています。カオナシをクリックするとスコアが加算され、カオナシの位置がランダムに変わります。カオナシをクリックしないと一定時間経過すると驚いた表情（😱）になります。また、10秒ごとにスコアがアラートで表示されます。このゲームはスマートフォンでの操作を前提としており、カオナシの位置やスコア表示などもそれに合わせたレスポンシブなデザインとなっています。

←

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-board {
        width: 100vw;
        height: 100vh;
        background-color: lightblue;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 50px;
      }
      #kaonashi {
        cursor: pointer;
      }
    </style>
  </head>
  <body>
    <div id="game-board">
      <span id="kaonashi">👻</span>
    </div>

kaonashi.addEventListener("click", eatKaonashi);

setInterval(() => {
        kaonashi.textContent = "😱";
      }, 1000);

setInterval(() => {
        alert(`あなたのスコアは ${score} 点です！`);
        score = 0;
      }, 10000);
    </script>
  </body>
</html>
```

このゲームはスマートフォンでの操作を前提としており、カオナシの位置やスコア表示などもそれに合わせたレスポンシブなデザインとなっています。