スーパーマリオブラザーズ's game

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

No:32062

135

←

Prev Next

→

スーパーマリオブラザーズ
Developer User14987｜Date and time 23/12/29 18:12:49
Build time 15.628 sec｜Game capacity 1.361KB｜

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>Super Mario Bros.</title>
  <style>
    #game-screen {
      width: 320px;
      height: 240px;
      border: 1px solid #000;
      background-color: #ededed;
    }
  </style>
</head>

// マリオの初期位置
    let marioPosition = 0;

// マリオの移動処理
    function moveMario(event) {
      const key = event.key;

if (key === "ArrowRight") {
        marioPosition += 10;
      } else if (key === "ArrowLeft") {
        marioPosition -= 10;
      }

// マリオの位置を更新
      gameScreen.style.left = marioPosition + "px";
    }

// スマホ操作時のマリオの移動処理
    function handleTouch(event) {
      const touchX = event.touches[0].clientX;
      const screenWidth = window.innerWidth;
      const marioWidth = 32; // マリオの幅（仮）

// マリオの位置を更新
      marioPosition = touchX - (screenWidth / 2) + (marioWidth / 2);
      gameScreen.style.left = marioPosition + "px";
    }

// イベントリスナーの追加
    document.addEventListener("keydown", moveMario);
    document.addEventListener("touchmove", handleTouch);
  </script>
</body>
</html>