ボスのHPは100。自分のHPも100。弾が当たるとそれぞれHPが1減る。タイマンのシューティングゲーム's game

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

No:42883

←

Prev Next

→

ボスのHPは100。自分のHPも100。弾が当たるとそれぞれHPが1減る。タイマンのシューティングゲ..ALL
Developer User18994｜Date and time 24/2/13 5:38:12
Build time 10.061 sec｜Game capacity 2.727KB｜

Script

ボスのHP: 100

自分のHP: 100

弾の数: 10

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>シューティングゲーム</title>
    <style>
        * {
            box-sizing: border-box;
        }

body {
            margin: 0;
            padding: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }

.container {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

#boss {
            font-size: 30px;
            margin-bottom: 20px;
        }

#player {
            font-size: 30px;
            margin-top: 20px;
        }

#bullet {
            font-size: 20px;
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <div class="container">
        <div id="boss">ボスのHP: 100</div>
        <div id="player">自分のHP: 100</div>
        <div id="bullet">弾の数: 10</div>
    </div>

// シューティングゲームの処理
        function shootingGame() {
            document.addEventListener('keydown', function(event) {
                if (event.keyCode === 32 && bullet > 0) {  // スペースキーを押して弾が残っている場合
                    bullet--;
                    document.getElementById('bullet').textContent = `弾の数: ${bullet}`;

const damage = Math.floor(Math.random() * 10) + 1;  // ランダムなダメージ
                    bossHP -= damage;
                    document.getElementById('boss').textContent = `ボスのHP: ${bossHP}`;

if (bossHP <= 0) {
                        document.getElementById('boss').textContent = `ボスのHP: 0`;
                        document.getElementById('bullet').textContent = `弾の数: ${bullet}`;
                        alert('ゲームクリア！ボスを倒しました！');
                        resetGame();
                    }
                }
            });
        }

// ゲームのリセット
        function resetGame() {
            bossHP = 100;
            playerHP = 100;
            bullet = 10;
            document.getElementById('boss').textContent = `ボスのHP: ${bossHP}`;
            document.getElementById('player').textContent = `自分のHP: ${playerHP}`;
            document.getElementById('bullet').textContent = `弾の数: ${bullet}`;
        }

// ゲーム開始時の処理
        function startGame() {
            resetGame();
            shootingGame();
        }

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