AI game creator

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

No:7402

3979

←

Prev Next

→

Bunny Girl Rampage
Developer anonymous｜Date and time 70/1/1 9:31:02
Build time unknown sec｜Game capacity 1.862KB｜

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>
    body {
      background-color: #eee;
    }
    .bunny {
      font-size: 50px;
      position: absolute;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <script>
    // バニーガールの画像絵文字
    const bunnyEmoji = "🐰";

// 画面サイズ
    const screenWidth = window.innerWidth;
    const screenHeight = window.innerHeight;

// バニーガールの乱舞する関数
    function bunnyDance() {
      // バニーガールのランダムな位置
      const left = Math.random() * screenWidth;
      const top = Math.random() * screenHeight;

// バニーガールを表示するDIV要素を作成
      const bunnyDiv = document.createElement("div");
      bunnyDiv.className = "bunny";
      bunnyDiv.innerHTML = bunnyEmoji;
      bunnyDiv.style.left = `${left}px`;
      bunnyDiv.style.top = `${top}px`;

// クリックしたときにバニーガールを消すイベントリスナーを追加
      bunnyDiv.addEventListener("click", function() {
        this.parentElement.removeChild(this);
      });

// バニーガールをBODY要素に追加
      document.body.appendChild(bunnyDiv);
    }

// 1秒に1回バニーガールを乱舞させる
    setInterval(bunnyDance, 1000);
  </script>
</body>
</html>
```

このプログラムでは、画面上にバニーガールの絵文字がランダムな位置に出現し、クリックすると消えるというゲームが実装されています。定期的にバニーガールが乱舞する様子を楽しむことができます。絵文字を使用しているため、スマートフォンでも操作可能です。