だるまさんがころんだ's game

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

No:21267

←

Prev Next

→

だるまさんがころんだ
Developer バファリンヌ｜Date and time 23/10/14 11:39:13
Build time 43.871 sec｜Game capacity 2.251KB｜

Script

了解しました。以下に、だるまさんがころんだというゲームの実装例を示します。

このプログラムでは、画面をクリックするとページ内のテキストがランダムに移動します。スタート直後に3秒のカウントダウンが表示され、それが終了すると移動が可能になります。移動中にだるまさんが移動した場所をクリックするとゲームオーバーになり、再度遊ぶことができます。なお、絵文字を使用していませんが、必要に応じて絵文字を追加することができます。

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

了解しました。以下に、だるまさんがころんだというゲームの実装例を示します。

```html
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>だるまさんがころんだ</title>
  <style>
    body {
      font-size: 3rem;
      text-align: center;
      margin-top: 30vh;
    }
  </style>
</head>
<body>
  <script>
    let isGameOver = false;

const startGame = () => {
      isGameOver = false;
      document.body.innerHTML = "だるまさんがころんだ";
      document.body.addEventListener("click", handleClick);
      startCountdown();
    };

const endGame = () => {
      isGameOver = true;
      document.body.innerHTML = "ゲームオーバー！もう一度遊ぶにはここをクリック";
      document.body.addEventListener("click", startGame);
    };

const randomPosition = () => {
      const x = Math.floor(Math.random() * (window.innerWidth - 100));
      const y = Math.floor(Math.random() * (window.innerHeight - 100));
      return { x, y };
    };

const handleClick = () => {
      if (!isGameOver) {
        const newPosition = randomPosition();
        document.body.style.left = newPosition.x + "px";
        document.body.style.top = newPosition.y + "px";
      }
    };

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

このプログラムでは、画面をクリックするとページ内のテキストがランダムに移動します。スタート直後に3秒のカウントダウンが表示され、それが終了すると移動が可能になります。移動中にだるまさんが移動した場所をクリックするとゲームオーバーになり、再度遊ぶことができます。

なお、絵文字を使用していませんが、必要に応じて絵文字を追加することができます。