AI game creator

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

No:7997

2825

←

Prev Next

→

kitten poo-poo
Developer もちきなこ｜Date and time 23/7/11 18:43:08
Build time 10.882 sec｜Game capacity 1.522KB｜

Script

了解です。以下に1枚のhtmlファイルとして実装されたJavaScriptを含む簡単なゲームを示します。

🐱

このゲームでは、画面上に表示されている猫の絵文字をクリックすることでスコアが加算されます。猫の絵文字がクリックされる度にランダムな位置に移動し、スコアが表示されます。

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

了解です。以下に1枚のhtmlファイルとして実装されたJavaScriptを含む簡単なゲームを示します。

```html
<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>にゃんぷっぷー</title>
  <style>
    #cat {
      font-size: 100px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      cursor: pointer;
    }
  </style>
</head>

// クリック時の処理
    function handleClick() {
      score++;
      updateScore();

// ランダムな位置に猫を移動
      const windowWidth = window.innerWidth - 100;
      const windowHeight = window.innerHeight - 100;
      const randomX = Math.floor(Math.random() * windowWidth);
      const randomY = Math.floor(Math.random() * windowHeight);
      cat.style.top = `${randomY}px`;
      cat.style.left = `${randomX}px`;
    }

// スコアの更新
    function updateScore() {
      cat.innerHTML = `🐱 ${score}`;
    }

// 初期化
    function initialize() {
      cat.addEventListener("click", handleClick);
      updateScore();
    }

initialize();
  </script>
</body>

</html>
```