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

No:5240

2612

←

Prev Next

→

skydiving
Developer User3812｜Date and time 23/6/29 20:32:27
Build time 33.311 sec｜Game capacity 2.985KB｜

Script

了解です。以下にスカイダイビングのゲームを実装したサンプルコードを提供します。

スカイダイビング

🪂

✈️

スコア: 0

このコードでは、プレイヤーキャラクター（🪂）を上下キーで操作し、障害物（✈️）との当たり判定を避けるゲームです。プレイヤーが障害物に衝突すると、ゲームオーバーとなり、スコアが表示されます。お手元のブラウザでこのコードを実行すると、スカイダイビングのゲームがプレイできるはずです。スマートフォンでもプレイ可能です。

←

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>
    body {
      background-color: skyblue;
      text-align: center;
    }
    
    #player {
      position: relative;
      top: 300px;
      left: 50%;
      font-size: 36px;
      transform: translateX(-50%);
    }
    
    #obstacle {
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
    }
  </style>
</head>
<body>
  <script>
    // プレイヤーの初期位置設定
    let playerPosition = 300;

// 障害物の初期位置設定
    let obstaclePosition = 0;

// スコアの初期値設定
    let score = 0;

// ゲームオーバーフラグ
    let isGameOver = false;

// ゲームスタート
    function startGame() {
      document.onkeydown = movePlayer;
      gameLoop();
    }

// キー操作によるプレイヤーの移動
    function movePlayer(e) {
      if (!isGameOver) {
        const key = e.key;
        if (key === 'ArrowUp') {
          playerPosition -= 10;
        } else if (key === 'ArrowDown') {
          playerPosition += 10;
        }
      }
    }

// ゲームループ
    function gameLoop() {
      if (!isGameOver) {
        // プレイヤーの描画
        const playerElement = document.getElementById('player');
        playerElement.style.top = playerPosition + 'px';

// 障害物の描画
        const obstacleElement = document.getElementById('obstacle');
        obstaclePosition += 10;
        obstacleElement.style.top = obstaclePosition + 'px';

// 当たり判定
        if (obstaclePosition - playerPosition <= 70 && obstaclePosition - playerPosition >= -70) {
          gameOver();
        }

// スコアの更新と表示
        score++;
        document.getElementById('score').textContent = 'スコア: ' + score;

// 次のフレームを描画
        requestAnimationFrame(gameLoop);
      }
    }

// ゲームオーバー処理
    function gameOver() {
      isGameOver = true;
      document.onkeydown = null;
      alert('ゲームオーバー！ スコア: ' + score);
    }

// ゲームスタート
    startGame();
  </script>
  
  <h1>スカイダイビング</h1>
  <div id="player">🪂</div>
  <div id="obstacle">✈️</div>
  <p id="score">スコア: 0</p>
</body>
</html>
```

このコードでは、プレイヤーキャラクター（🪂）を上下キーで操作し、障害物（✈️）との当たり判定を避けるゲームです。プレイヤーが障害物に衝突すると、ゲームオーバーとなり、スコアが表示されます。

お手元のブラウザでこのコードを実行すると、スカイダイビングのゲームがプレイできるはずです。スマートフォンでもプレイ可能です。