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

No:30974

←

Prev Next

→

いろんなものを銃で撃って破壊するゲーム
Developer User14989｜Date and time 23/12/24 18:29:51
Build time 14.671 sec｜Game capacity 2.428KB｜

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>
        #game-board {
            position: relative;
            width: 300px;
            height: 300px;
            border: 1px solid black;
        }
        .target {
            position: absolute;
            width: 50px;
            height: 50px;
            border: 1px solid black;
            background-color: green;
            cursor: pointer;
        }
        #score {
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <h1>破壊ゲーム</h1>
    <div id="game-board">
        <div id="score">スコア: 0</div>
    </div>

// ターゲットクリック時のイベントハンドラ
        function shoot(e) {
            // クリックされたオブジェクトを非表示にする
            e.target.style.display = "none";
            
            // スコアを加算
            score++;
            document.getElementById("score").innerText = "スコア: " + score;
        }

// 初期化処理
        function init() {
            // ターゲットの数
            const numTargets = 10;
    
            // ゲームボード要素
            const gameBoard = document.getElementById("game-board");

// ターゲットの作成
            for (let i = 0; i < numTargets; i++) {
                const target = document.createElement("div");
                target.className = "target";
                target.style.left = Math.random() * (gameBoard.offsetWidth - 50) + "px";
                target.style.top = Math.random() * (gameBoard.offsetHeight - 50) + "px";
                target.addEventListener("click", shoot);
                gameBoard.appendChild(target);
            }
        }

// ページロード時に初期化処理を呼び出す
        window.addEventListener("load", init);
    </script>
</body>
</html>
```