I want to save the bombed-out game.'s game

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

No:10538

129

←

Prev Next

→

I want to save the bombed-out game.
Developer User4559｜Date and time 23/8/1 1:09:03
Build time 30.461 sec｜Game capacity 3.678KB｜

Script

了解しました。以下に、簡単な爆弾回避ゲームを実装したHTMLファイルの例を示します。

🙂

このプログラムでは、画面上にプレイヤーの絵文字「🙂」が表示され、キーボードの矢印キーでプレイヤーを操作します。プレイヤーが爆弾「💣」と重なってしまうとゲームオーバーとなり、ページがリロードされます。参考にしてみてください。

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下に、簡単な爆弾回避ゲームを実装したHTMLファイルの例を示します。

```html
<!DOCTYPE html>
<html>
<head>
    <title>爆弾回避ゲーム</title>
    <style>
        #player {
            position: absolute;
            top: 50%;
            left: 50%;
            font-size: 3rem;
            transform: translate(-50%, -50%);
        }
    </style>
</head>
<body>
    <div id="player">🙂</div>
    
    <script>
        // プレイヤー要素を取得
        const player = document.getElementById('player');
        
        // キーダウンイベントのハンドラ
        function handleKeyDown(event) {
            const key = event.key;
            const playerRect = player.getBoundingClientRect();
            
            // キーに応じてプレイヤーを移動
            if (key === 'ArrowUp' && playerRect.top > 0) {
                player.style.top = `${playerRect.top - 10}px`;
            } else if (key === 'ArrowDown' && playerRect.bottom < window.innerHeight) {
                player.style.top = `${playerRect.top + 10}px`;
            } else if (key === 'ArrowLeft' && playerRect.left > 0) {
                player.style.left = `${playerRect.left - 10}px`;
            } else if (key === 'ArrowRight' && playerRect.right < window.innerWidth) {
                player.style.left = `${playerRect.left + 10}px`;
            }
        }
        
        // キーダウンイベントのリスナーを追加
        document.addEventListener('keydown', handleKeyDown);
        
        // 初期化処理
        function initialize() {
            // 爆弾を配置するための処理を記述
            // ここではランダムな位置に爆弾を表示させるだけとします
            const bombs = ['💣', '💣', '💣', '💣', '💣'];
            
            bombs.forEach((bomb) => {
                const div = document.createElement('div');
                div.innerText = bomb;
                div.style.position = 'absolute';
                div.style.top = `${Math.random() * window.innerHeight}px`;
                div.style.left = `${Math.random() * window.innerWidth}px`;
                document.body.appendChild(div);
            });
            
            // ゲームループの処理
            setInterval(() => {
                const bombElements = document.querySelectorAll('body > div');
                bombElements.forEach((bomb) => {
                    const bombRect = bomb.getBoundingClientRect();
                    const playerRect = player.getBoundingClientRect();
                    
                    // 爆弾とプレイヤーが重なった場合の衝突判定
                    if (playerRect.left < bombRect.right && 
                        playerRect.right > bombRect.left && 
                        playerRect.top < bombRect.bottom && 
                        playerRect.bottom > bombRect.top) {
                        //alert('ゲームオーバー！');
                        //window.location.reload();
                    }
                });
            }, 100);
        }
        
        // 初期化処理の呼び出し
        initialize();
    </script>
</body>
</html>
```

このプログラムでは、画面上にプレイヤーの絵文字「🙂」が表示され、キーボードの矢印キーでプレイヤーを操作します。プレイヤーが爆弾「💣」と重なってしまうとゲームオーバーとなり、ページがリロードされます。

参考にしてみてください。