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

No:6962

←

Prev Next

→

🐭🏰
Developer User3940｜Date and time 23/7/4 17:02:02
Build time 14.94 sec｜Game capacity 2.273KB｜

Script

了解です。以下に「ネズミーランド」のゲームを作成したコードを示します。

ネズミーランド

🐭

「ネズミーランド」は、黒い四角がマウスの位置で移動するゲームです。上下左右キーを使用して、マウスをゲームボード内で自由に移動させることができます。ゲームボードは300 x 300の大きさで、マウスのサイズは50 x 50です。移動可能範囲を超えないように制限がかけられています。お楽しみください！🐭🏰

←

Prev　Next

→ 　

Back　

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

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

了解です。以下に「ネズミーランド」のゲームを作成したコードを示します。

```html
<!DOCTYPE html>
<html>
<head>
  <title>ネズミーランド</title>
  <style>
    #gameBoard {
      width: 300px;
      height: 300px;
      border: 1px solid black;
      position: relative;
    }

#player {
      width: 50px;
      height: 50px;
      position: absolute;
      top: 0;
      left: 0;
      background-color: black;
      color: white;
      display: flex;
      align-items: center;
      justify-content: center;
    }
  </style>
</head>
<body>
  <h1>ネズミーランド</h1>
  <div id="gameBoard">
    <div id="player">🐭</div>
  </div>

document.addEventListener('keydown', movePlayer);

function movePlayer(event) {
      const key = event.key;
      const playerPosition = player.getBoundingClientRect();
      const gameBoardPosition = gameBoard.getBoundingClientRect();

switch (key) {
        case 'ArrowUp':
          if (playerPosition.top > gameBoardPosition.top) {
            player.style.top = `${playerPosition.top - 50}px`;
          }
          break;
        case 'ArrowDown':
          if (playerPosition.bottom < gameBoardPosition.bottom) {
            player.style.top = `${playerPosition.top + 50}px`;
          }
          break;
        case 'ArrowLeft':
          if (playerPosition.left > gameBoardPosition.left) {
            player.style.left = `${playerPosition.left - 50}px`;
          }
          break;
        case 'ArrowRight':
          if (playerPosition.right < gameBoardPosition.right) {
            player.style.left = `${playerPosition.left + 50}px`;
          }
          break;
      }
    }
  </script>
</body>
</html>
```

「ネズミーランド」は、黒い四角がマウスの位置で移動するゲームです。上下左右キーを使用して、マウスをゲームボード内で自由に移動させることができます。ゲームボードは300 x 300の大きさで、マウスのサイズは50 x 50です。移動可能範囲を超えないように制限がかけられています。

お楽しみください！🐭🏰