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

No:30947

←

Prev Next

→

破壊を尽くすゲーム
Developer User14979｜Date and time 23/12/24 15:53:18
Build time 11.475 sec｜Game capacity 1.855KB｜

Script

了解しました。以下に破壊を尽くすゲームの実装例を示します。

破壊を尽くすゲーム

クリックしてターゲットを破壊しましょう！

💥

この実装例は、画面をクリックするとランダムな位置に表示されたターゲットを破壊し、スコアが更新されるというゲームです。ターゲットは絵文字の爆発マーク（💥）で表示されています。

←

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>
        body {
            text-align: center;
            font-size: 24px;
        }
        
        #target {
            font-size: 60px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>破壊を尽くすゲーム</h1>
    <p>クリックしてターゲットを破壊しましょう！</p>
    
    <div id="target">💥</div>
    
    <script>
        // 初期化
        var score = 0;
        
        // ターゲットをクリックしたときの処理
        document.getElementById("target").addEventListener("click", function() {
            // ターゲットを再配置
            var screenWidth = window.innerWidth;
            var screenHeight = window.innerHeight;
            var targetWidth = document.getElementById("target").offsetWidth;
            var targetHeight = document.getElementById("target").offsetHeight;
            var randomX = Math.floor(Math.random() * (screenWidth - targetWidth));
            var randomY = Math.floor(Math.random() * (screenHeight - targetHeight));
            document.getElementById("target").style.left = randomX + "px";
            document.getElementById("target").style.top = randomY + "px";
            
            // スコアを更新
            score++;
            document.getElementById("score").textContent = "Score: " + score;
        });
    </script>
</body>
</html>
```