那須与一ゲーム's game

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

No:19977

←

Prev Next

→

那須与一ゲーム
Developer バファリンヌ｜Date and time 23/10/7 16:20:05
Build time 13.036 sec｜Game capacity 1.761KB｜

Script

了解いたしました。以下に那須与一ゲームの実装例を示します。

👨‍🌾

以上のコードを1枚のHTMLファイルに書き込み、ブラウザで開くことで那須与一ゲームが遊べるようになります。プレイヤーはスマホ操作で上下左右に移動し、画面の中央に表示されます（絵文字は表示されない場合がありますので、代替の絵文字を利用してください）。

←

Prev　Next

→ 　

Back　

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

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

了解いたしました。以下に那須与一ゲームの実装例を示します。

```html
<!DOCTYPE html>
<html>
<head>
  <title>那須与一ゲーム</title>
  <meta charset="UTF-8">
  <style>
    #player {
      font-size: 100px;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
  </style>
</head>
<body>
  <div id="player">👨‍🌾</div>

function movePlayer(direction) {
      switch (direction) {
        case 'up':
          currentPosition.y -= 10;
          break;
        case 'down':
          currentPosition.y += 10;
          break;
        case 'left':
          currentPosition.x -= 10;
          break;
        case 'right':
          currentPosition.x += 10;
          break;
      }

player.style.transform = `translate(${currentPosition.x}px, ${currentPosition.y}px)`;
    }

window.addEventListener('keydown', function(event) {
      switch (event.key) {
        case 'ArrowUp':
          movePlayer('up');
          break;
        case 'ArrowDown':
          movePlayer('down');
          break;
        case 'ArrowLeft':
          movePlayer('left');
          break;
        case 'ArrowRight':
          movePlayer('right');
          break;
      }
    });
  </script>
</body>
</html>
```