Free fire shooting bottles's game

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

No:25828

←

Prev Next

→

Free fire shooting bottles
Developer User12686｜Date and time 23/11/25 0:54:32
Build time 86.952 sec｜Game capacity 3.629KB｜

Script

Sure! Here's an example of a simple game called "Free Fire Shooting Bottles" implemented as a single HTML file:

To play the game, you can open the HTML file on a smartphone or in a mobile web browser. The objective of the game is to click on the red bottles that fall from the top of the canvas and score points. The score is displayed at the top left corner of the canvas. Have fun playing "Free Fire Shooting Bottles"!

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

Sure! Here's an example of a simple game called "Free Fire Shooting Bottles" implemented as a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Free Fire Shooting Bottles</title>
    <style>
        body {
            margin: 0;
            padding: 0;
        }
        canvas {
            background: #f1f1f1;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Game variables
        let score = 0;
        let bottles = [];

// Create a bottle object
        function Bottle(x, y, speed) {
            this.x = x;
            this.y = y;
            this.speed = speed;
        }

// Create random bottles
        function createBottles() {
            const x = Math.random() * (canvas.width - 50);
            const y = canvas.height;
            const speed = Math.random() * 2 + 1;
            bottles.push(new Bottle(x, y, speed));
        }

// Update game logic
        function update() {
            // Clear the canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Update and draw bottles
            for (let i = 0; i < bottles.length; i++) {
                let bottle = bottles[i];

// Move the bottle
                bottle.y -= bottle.speed;

// Draw the bottle
                ctx.fillStyle = "#ff0000";
                ctx.fillRect(bottle.x, bottle.y, 30, 50);

// Check for collision with the bottom of the canvas
                if (bottle.y < 0) {
                    bottles.splice(i, 1); // Remove the bottle
                }
            }

// Display score
            ctx.fillStyle = "#000000";
            ctx.font = "20px Arial";
            ctx.fillText("Score: " + score, 10, 30);
        }

// Handle mouse click events
        function handleClick(event) {
            const rect = canvas.getBoundingClientRect();
            const mouseX = event.clientX - rect.left;
            const mouseY = event.clientY - rect.top;

// Check for collision with bottles
            for (let i = 0; i < bottles.length; i++) {
                let bottle = bottles[i];

if (
                    mouseX > bottle.x &&
                    mouseX < bottle.x + 30 &&
                    mouseY > bottle.y &&
                    mouseY < bottle.y + 50
                ) {
                    bottles.splice(i, 1); // Remove the bottle
                    score++; // Increase score
                }
            }
        }

// Start the game
        function startGame() {
            // Attach mouse click event listener
            canvas.addEventListener("click", handleClick);

// Start game interval
            setInterval(function() {
                createBottles(); // Create new bottles
                update(); // Update game logic
            }, 1000 / 60); // 60 frames per second
        }

// Start the game when the page loads
        window.addEventListener("load", startGame);
    </script>
</body>
</html>
```