AI game creator

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

No:3678

←

Prev Next

→

Playable Games
Developer User1006｜Date and time 23/6/26 3:31:54
Build time 19.361 sec｜Game capacity 1.918KB｜

Script

おっかけごろつきゲームを作ります。以下が実装したHTMLファイルとJSコードです。

🐱

このHTMLファイルを開いて、画面をクリックするとランダムに動く猫を『🐱』から『🐾 点数』（例：『🐾 7』）に更新しながら、次々に追いかけてきます。最初に出てくる猫は10匹ですが、クリックした回数が多くなるほど動く猫が増えていきます。スマホでの操作にも対応しており、画面をタップすることで操作することができます。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

おっかけごろつきゲームを作ります。

以下が実装したHTMLファイルとJSコードです。

```html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>おっかけごろつきゲーム</title>
    <style>
      #game {
        width: 100vw;
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 5em;
      }
    </style>
  </head>
  <body>
    <div id="game" onclick="catchMe()">
      🐱
    </div>
    <script>
      const game = document.getElementById('game');
      let score = 0;

function catchMe() {
        score++;
        game.innerHTML = '🐾 ' + score;
        moveCats();
      }

function moveCats() {
        const cats = game.querySelectorAll('span');
        cats.forEach((cat) => moveCat(cat));
      }

for (let i = 0; i < 10; i++) {
        const cat = document.createElement('span');
        cat.innerHTML = '🐈';
        cat.style.position = 'absolute';
        game.appendChild(cat);
        moveCat(cat);
      }
    </script>
  </body>
</html>
```

このHTMLファイルを開いて、画面をクリックするとランダムに動く猫を『🐱』から『🐾 点数』（例：『🐾 7』）に更新しながら、次々に追いかけてきます。最初に出てくる猫は10匹ですが、クリックした回数が多くなるほど動く猫が増えていきます。

スマホでの操作にも対応しており、画面をタップすることで操作することができます。