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

No:6603

144

←

Prev Next

→

DOOM
Developer User3230｜Date and time 23/7/2 23:02:58
Build time 25.247 sec｜Game capacity 2.369KB｜

Script

了解です。以下のコードは、シンプルなジャンプゲームの実装例です。ゲームプレイはスマホで操作可能で、絵文字を使用しています。

Jump Game

👾

このコードは、スマホ上で画面をタップするとプレイヤーがジャンプするジャンプゲームです。プレイヤーは👾の絵文字で表示されます。画面をタップするとプレイヤーが指定した高さまでジャンプし、その後自動的に落下します。地面に着地したら再度ジャンプすることができます。

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

了解です。以下のコードは、シンプルなジャンプゲームの実装例です。ゲームプレイはスマホで操作可能で、絵文字を使用しています。

```html
<!DOCTYPE html>
<html>
<head>
  <title>Jump Game</title>
  <style>
    #player {
      position: absolute;
      bottom: 0;
      left: 50px;
      font-size: 30px;
    }
  </style>
</head>
<body>
  <h1>Jump Game</h1>
  <div id="player">👾</div>

// プレイヤーの初期座標
    let playerPosition = 0;

// ジャンプの力
    const jumpForce = 20;

// ジャンプの高さ
    const jumpHeight = 150;

// 地面までの距離
    const groundDistance = 20;

// ジャンプ中かどうかのフラグ
    let isJumping = false;

// ジャンプ処理
    function jump() {
      if (!isJumping) {
        isJumping = true;
        let currentHeight = 0;
        const jumpInterval = setInterval(() => {
          currentHeight += jumpForce;
          playerPosition = jumpHeight - currentHeight;
          document.getElementById("player").style.bottom = playerPosition + "px";
          if (currentHeight >= jumpHeight) {
            clearInterval(jumpInterval);
            fall();
          }
        }, 20);
      }
    }

// 落下処理
    function fall() {
      let currentDistance = 0;
      const fallInterval = setInterval(() => {
        currentDistance += jumpForce;
        playerPosition = currentDistance;
        document.getElementById("player").style.bottom = playerPosition + "px";
        if (playerPosition >= groundDistance) {
          clearInterval(fallInterval);
          playerPosition = 0;
          document.getElementById("player").style.bottom = playerPosition + "px";
          isJumping = false;
        }
      }, 20);
    }

// タッチイベントの処理
    document.addEventListener("touchstart", jump);
  </script>
</body>
</html>
```