bungee jumping without strings's game

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

No:6030

778

←

Prev Next

→

bungee jumping without strings
Developer User3848｜Date and time 23/7/1 14:35:47
Build time 24.814 sec｜Game capacity 2.917KB｜

Script

了解です。以下は紐無しバンジージャンプというゲームの実装例です。

🙆

この実装例では、プレイヤーがエモーティコン（🙆）で表されており、上矢印キーを押すとプレイヤーが上に移動します。プレイヤーが障害物（赤い四角）と衝突するとゲームオーバーとなり、アラートが表示されます。矢印キー以外の操作に関しては対応していませんが、エモーティコンの位置をタップなどの操作で変更することで、スマートフォン操作にも対応できるようになります。

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

了解です。以下は紐無しバンジージャンプというゲームの実装例です。

```html
<!DOCTYPE html>
<html>
<head>
    <title>紐無しバンジージャンプ</title>
    <style>
        #player {
            font-size: 80px;
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
        }
        #obstacle {
            width: 200px;
            height: 200px;
            background-color: red;
            position: absolute;
            bottom: 100px;
            left: 50%;
            transform: translateX(-50%);
        }
    </style>
</head>
<body>
    <script>
        var player = document.getElementById('player');
        var obstacle = document.getElementById('obstacle');

// 初期位置を設定
        var position = 0;

// ゲームのメインループ
        function gameLoop() {
            // プレイヤーの位置を更新
            player.style.bottom = position + 'px';

// 障害物との衝突判定
            var playerRect = player.getBoundingClientRect();
            var obstacleRect = obstacle.getBoundingClientRect();
            
            if (playerRect.top <= obstacleRect.bottom &&
                playerRect.right >= obstacleRect.left &&
                playerRect.bottom >= obstacleRect.top &&
                playerRect.left <= obstacleRect.right) {
                // 衝突した場合はゲームオーバー
                alert('ゲームオーバー！');
                return; // ゲームループを終了
            }

// プレイヤーの位置を更新
            position += 1;

// ゲームループを再実行
            requestAnimationFrame(gameLoop);
        }

// ゲームの開始
        function startGame() {
            // キー操作のリスナー登録
            document.addEventListener('keydown', function (event) {
                if (event.key === 'ArrowUp') {
                    // 上キーが押された場合、プレイヤーを上に移動
                    position -= 20;
                }
            });

// ゲームループを実行
            gameLoop();
        }

// ゲームの開始
        startGame();
    </script>

<div id="player">🙆</div>
    <div id="obstacle"></div>
</body>
</html>
```