Bubble shooting game. The bubbles will have a number inside them to show their strength. Each time you hit a bubble, its strength decreases by 1. This game has upgradable shooting speed in bullets/second, initialising to 3. Also, it has upgradable power initialising to 100% and going up in 10s for each upgrade. Upgrading the power will multiply how much the strength of a bubble decreases. The overall aim is to shoot and destroy as many bubbles as possible, by not letting them hit the ground.'s game

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

No:31868

137

←

Prev Next

→

Bubble shooting game. The bubbles will have a numb..ALL
Developer User15231｜Date and time 23/12/28 18:18:39
Build time 38.043 sec｜Game capacity 4.207KB｜

Script

Sure! Here's a simple implementation of the Bubble Shooting game using JavaScript and HTML:

This code creates a bubble shooting game where bubbles with random strength values appear from the top and travel towards the ground. The player shoots bullets to hit and weaken the bubbles. The game ends if any bubble reaches the ground. The player can upgrade the shooting speed and power to make the game easier. The score is displayed at the end of the game. You can enclose this code within `
` tags and save it as an HTML file to play the game.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple implementation of the Bubble Shooting game using JavaScript and HTML:

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Bubble Shooting Game</title>
    <style>
        #canvas {
            border: 1px solid black;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="canvas" width="400" height="600"></canvas>
    <script>
        // Initialize variables
        var canvas = document.getElementById("canvas");
        var context = canvas.getContext("2d");
        var bubbles = [];
        var bulletSpeed = 3; // Bullets per second
        var power = 1; // Power multiplier
        var score = 0;

// Bubble class
        function Bubble(x, y, strength) {
            this.x = x;
            this.y = y;
            this.strength = strength;

this.draw = function() {
                context.beginPath();
                context.arc(this.x, this.y, 20, 0, Math.PI * 2);
                context.fillStyle = "blue";
                context.fill();
                context.closePath();

context.font = "bold 16px Arial";
                context.fillStyle = "white";
                context.textAlign = "center";
                context.fillText(this.strength, this.x, this.y + 6);
            }

this.update = function() {
                this.y -= power / 10;

if (this.y <= 0) {
                    gameOver();
                }
            }
        }

// Generate new bubble
        function generateBubble() {
            var x = Math.random() * (canvas.width - 40) + 20;
            var strength = Math.floor(Math.random() * 5) + 1;
            var bubble = new Bubble(x, canvas.height, strength);
            bubbles.push(bubble);
        }

// Update game state
        function update() {
            context.clearRect(0, 0, canvas.width, canvas.height);
            for (var i = 0; i < bubbles.length; i++) {
                bubbles[i].update();
                bubbles[i].draw();

if (bubbles[i].y <= 0) {
                    bubbles.splice(i, 1);
                    i--;
                }
            }

requestAnimationFrame(update);
        }

// Shoot a bullet
        function shoot() {
            var bullet = setInterval(function() {
                checkCollision();
            }, 1000 / bulletSpeed);
        }

// Check collision between bullet and bubbles
        function checkCollision() {
            for (var i = 0; i < bubbles.length; i++) {
                if (bubbles[i].y <= canvas.height && bubbles[i].y >= canvas.height - 40) {
                    bubbles[i].strength -= power;
                    if (bubbles[i].strength <= 0) {
                        bubbles.splice(i, 1);
                        score++;
                    }
                }
            }
        }

// Game over
        function gameOver() {
            clearInterval(shoot);
            alert("Game Over!\nScore: " + score);
            bubbles = [];
            score = 0;
            bulletSpeed = 3;
            power = 1;
        }

// Upgrade shooting speed
        function upgradeSpeed() {
            bulletSpeed++;
        }

// Upgrade power
        function upgradePower() {
            power += 10;
        }

// Start the game
        function startGame() {
            shoot();
            requestAnimationFrame(update);
            setInterval(generateBubble, 1000);
        }
    </script>
    <button onclick="upgradeSpeed()">Upgrade Speed</button>
    <button onclick="upgradePower()">Upgrade Power</button>
    <button onclick="startGame()">Start Game</button>
</body>
</html>
```

You can enclose this code within `<script>` tags and save it as an HTML file to play the game.