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

No:9321

158

←

Prev Next

→

Games as complex as possible
Developer User4246｜Date and time 23/7/23 16:18:48
Build time 9.428 sec｜Game capacity 1.997KB｜

Script

以下は、シンプルなゲームである"ワンボタンジャンプゲーム"の実装例です。スマホで遊べる仕様とし、JavaScriptを使用してゲームの動作を制御しています。

ワンボタンジャンプゲーム

ゲームスタート！画面をタップしてジャンプしよう！

🐰

このゲームは、画面をタップすることでキャラクターがジャンプするシンプルなゲームです。画面をタップすると、プレイヤーの位置がジャンプ力の分だけ上に移動し、下がってくるとゲームオーバーとなります。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>ワンボタンジャンプゲーム</title>
  <style>
    #player {
      font-size: 2rem;
    }
  </style>
</head>
<body>
  <h1>ワンボタンジャンプゲーム</h1>
  <p>ゲームスタート！画面をタップしてジャンプしよう！</p>
  <div id="player">🐰</div>

// ゲームが実行中かどうかのフラグ
    let isPlaying = false;

// 画面をタップした時のイベントハンドラ
    function jump() {
      if (!isPlaying) {
        return;
      }

// ジャンプ処理
      playerY -= jumpHeight;
      updatePlayerPosition();

// playerYが0以下になったらゲームオーバー
      if (playerY <= 0) {
        endGame();
      }
    }

// プレイヤーの位置を更新する関数
    function updatePlayerPosition() {
      const player = document.getElementById("player");
      player.style.transform = `translateY(${playerY}px)`;
    }

// ゲーム開始処理
    function startGame() {
      isPlaying = true;
      document.addEventListener("click", jump);
    }

// ゲーム終了処理
    function endGame() {
      isPlaying = false;
      document.removeEventListener("click", jump);
      alert("ゲームオーバー！");
    }

// ゲーム開始
    startGame();
  </script>
</body>
</html>
```