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

No:12689

460

←

Prev Next

→

いやこわ…………
Developer もちきなこ｜Date and time 23/8/22 3:20:09
Build time 11.552 sec｜Game capacity 1.425KB｜

Script

よいですね！では、遊べるゲームとして「猫キャッチゲーム」を実装してみましょう。以下が実装例です。

猫キャッチゲーム

指でタッチすると猫をキャッチしよう！

🐱

このゲームでは、指でタッチすると猫の絵文字がゲームボード内でランダムに移動します。猫をキャッチしようとすると、猫が別の場所に表示されます。これを繰り返して遊ぶことができます。お試しください！

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

よいですね！では、遊べるゲームとして「猫キャッチゲーム」を実装してみましょう。以下が実装例です。

```
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>猫キャッチゲーム</title>
  <style>
    #game-board {
      width: 300px;
      height: 300px;
      border: 1px solid black;
      position: relative;
    }
    #cat {
      position: absolute;
      font-size: 40px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>猫キャッチゲーム</h1>
  <p>指でタッチすると猫をキャッチしよう！</p>
  <div id="game-board">
    <p id="cat" onclick="catchCat()">🐱</p>
  </div>

// 猫の位置をランダムに設定
      var x = Math.floor(Math.random() * (board.offsetWidth - cat.offsetWidth));
      var y = Math.floor(Math.random() * (board.offsetHeight - cat.offsetHeight));
      
      cat.style.left = x + "px";
      cat.style.top = y + "px";
    }
  </script>
</body>
</html>
```

このゲームでは、指でタッチすると猫の絵文字がゲームボード内でランダムに移動します。猫をキャッチしようとすると、猫が別の場所に表示されます。これを繰り返して遊ぶことができます。

お試しください！