AI game creator

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

No:19796

←

Prev Next

→

ゴキブリ勇者
Developer バファリンヌ｜Date and time 23/10/6 21:47:32
Build time 15.349 sec｜Game capacity 2.178KB｜

Script

了解しました。以下にゴキブリ勇者というゲームの実装例を示します。

このゲームでは、プレイボタンをクリックしてゲームを開始し、画面上のゴキブリ(絵文字)をクリックすることでスコアを加算します。ゴキブリはランダムな位置に現れ、クリックするたびに新しい位置に移動します。スコアは画面上に表示され、クリック回数が表示されます。ゲームをプレイするには、上記のコードをHTMLファイルに保存し、ブラウザで開いてください。

←

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>
    #game {
      width: 100%;
      height: 100vh;
      background: linear-gradient(to bottom, #ccc, #eee);
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 5vw;
    }
  </style>
</head>
<body>
  <div id="game"></div>

playButton.addEventListener('click', () => {
      playButton.remove();
      startGame();
    });

function startGame() {
      let score = 0;
      const scoreElem = document.createElement('div');
      scoreElem.style.marginBottom = '10px';
      scoreElem.textContent = `Score: ${score}`;
      gameElem.appendChild(scoreElem);

const gokiburiElem = document.createElement('div');
      gokiburiElem.style.fontSize = '10em';
      gokiburiElem.style.cursor = 'pointer';
      gokiburiElem.textContent = '🪳';
      gameElem.appendChild(gokiburiElem);

gokiburiElem.addEventListener('click', () => {
        score++;
        scoreElem.textContent = `Score: ${score}`;

const top = Math.random() * window.innerHeight * 0.8;
        const left = Math.random() * window.innerWidth * 0.8;
        gokiburiElem.style.top = `${top}px`;
        gokiburiElem.style.left = `${left}px`;
      });
    }
  </script>
</body>
</html>
```