A game that you have a gun and shoot the blobs to get points and if you get 100 points you win's game

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

No:31159

←

Prev Next

→

A game that you have a gun and shoot the blobs to ..ALL
Developer User15039｜Date and time 23/12/25 11:12:13
Build time 20.053 sec｜Game capacity 2.365KB｜

Script

Score: 0

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Blob Shooting Game</title>
    <style>
        #gameBoard {
            width: 400px;
            height: 400px;
            border: 2px solid black;
            position: relative;
        }
        
        .blob {
            width: 50px;
            height: 50px;
            background-color: red;
            border-radius: 50%;
            position: absolute;
            cursor: pointer;
        }
        
        #score {
            margin-top: 10px;
            font-size: 18px;
            font-weight: bold;
        }
        
        #message {
            margin-top: 10px;
            font-size: 18px;
            font-weight: bold;
        }
    </style>
</head>
<body>
    <div id="gameBoard">
        <div id="score">Score: 0</div>
        <div id="message"></div>
    </div>

// Functions
        function createBlob() {
            var blob = document.createElement("div");
            blob.className = "blob";
            blob.style.left = Math.random() * (gameBoard.offsetWidth - 50) + "px";
            blob.style.top = Math.random() * (gameBoard.offsetHeight - 50) + "px";
            blob.onclick = function() {
                if (isGameStarted) {
                    this.style.display = "none";
                    score += 10;
                    scoreDisplay.textContent = "Score: " + score;
                }
            };
            gameBoard.appendChild(blob);
        }

function startGame() {
            isGameStarted = true;
            messageDisplay.textContent = "";
            statusInterval = setInterval(function() {
                createBlob();
            }, 1000);
        }

function endGame() {
            isGameStarted = false;
            clearInterval(statusInterval);
            messageDisplay.textContent = "Congratulations! You won the game!";
        }

// Game Start
        startGame();

setTimeout(function() {
            endGame();
        }, 60000); // Game time is 60 seconds
    </script>
</body>
</html>