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

No:8722

2845

←

Prev Next

→

Games to hit the enemy with a sniper
Developer anonymous｜Date and time 70/1/1 9:45:51
Build time unknown sec｜Game capacity 2.751KB｜

Script

はい、了解しました。以下にスナイパーゲームの実装例を示します。

スナイパーゲーム

このゲームでは、指定されたサイズのゲームエリア（300x300）内にランダムで動くターゲットをクリックして撃つゲームです。クリック位置とターゲット位置の差が一定の誤差以内（30px）であれば敵を撃破となり、それ以外はミスとなります。撃破後は新しい位置に別のターゲットが出現します。

←

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-area {
            width: 300px;
            height: 300px;
            background-color: lightgray;
            position: relative;
        }
        #target {
            width: 50px;
            height: 50px;
            background-color: red;
            position: absolute;
        }
    </style>
</head>
<body>
    <h1>スナイパーゲーム</h1>
    <div id="game-area">
        <div id="target"></div>
    </div>
    <script>
        // 初期位置
        let x = Math.random() * 250; // 0から250のランダムなx座標
        let y = Math.random() * 250; // 0から250のランダムなy座標

// ターゲットを表示する関数
        function showTarget() {
            const target = document.getElementById("target");
            target.style.left = x + "px";
            target.style.top = y + "px";
        }

// クリックイベントのハンドラー
        function onClick(event) {
            const clickX = event.clientX;
            const clickY = event.clientY;

// クリック位置とターゲット位置の差を計算
            const diffX = Math.abs(clickX - x);
            const diffY = Math.abs(clickY - y);

// 一定の誤差（30px）以内であれば当たりとする
            if (diffX <= 30 && diffY <= 30) {
                alert("敵を撃破しました！");
            } else {
                alert("ミス！もう一度チャレンジしてください。")
            }

// 新しいターゲット位置を設定
            x = Math.random() * 250;
            y = Math.random() * 250;

// ターゲットを再表示
            showTarget();
        }

// ウィンドウが読み込まれた時の処理
        window.onload = function() {
            // ゲームエリアをクリックした時にターゲットを撃つ
            const gameArea = document.getElementById("game-area");
            gameArea.addEventListener("click", onClick);

// 初期ターゲットを表示
            showTarget();
        };
    </script>
</body>
</html>
```