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

No:30665

105

←

Prev Next

→

ぴえんサバイバル
Developer User14903｜Date and time 23/12/23 14:56:31
Build time 12.706 sec｜Game capacity 2.184KB｜

Script

了解しました。以下にぴえんサバイバルというゲームの例を示します。

ぴえんサバイバル

スコア: 0

このコードでは、「ぴえんサバイバル」というゲームを実装しています。ゲーム開始ボタンを押すと、画面内にランダムな位置にぴえん（😭）が表示されます。ぴえんをクリックするとスコアが加算され、ぴえんが消えます。ただし、ゲームオーバーまでの制限時間は10秒です。ゲーム終了後には「ゲームオーバー」と表示されます。

←

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 {
            font-size: 20px;
            text-align: center;
        }
    </style>
</head>
<body>
    <h1>ぴえんサバイバル</h1>
    <p id="score">スコア: 0</p>
    <p id="gameover"></p>
    <button onclick="startGame()">スタート</button>
    
    <script>
        // 初期値
        let score = 0;
        let gameover = false;
        
        // ゲーム開始
        function startGame() {
            score = 0;
            gameover = false;
            document.getElementById("score").innerText = "スコア: " + score;
            
            // ぴえんを表示
            const peen = document.createElement("span");
            peen.innerHTML = "😭";
            peen.style.fontSize = "40px";
            peen.style.position = "absolute";
            peen.style.top = Math.random() * 90 + "%";
            peen.style.left = Math.random() * 90 + "%";
            peen.addEventListener("click", function() {
                if (!gameover) {
                    score += 10;
                    document.getElementById("score").innerText = "スコア: " + score;
                    this.parentNode.removeChild(this);
                }
            });
            document.body.appendChild(peen);
            
            // ゲーム終了
            setTimeout(function() {
                gameover = true;
                document.getElementById("gameover").innerText = "ゲームオーバー";
            }, 10000);
        }
    </script>
</body>
</html>
```