Create a platformer game in which player has to collect plastic bottle from city and it gets score and the city cleans's game

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

No:40464

←

Prev Next

→

Create a platformer game in which player has to co..ALL
Developer User18122｜Date and time 24/2/3 1:26:02
Build time 12.574 sec｜Game capacity 3.371KB｜

Script

Sure! Here's an example of a platformer game in a single HTML file using JavaScript. The game is about collecting plastic bottles to clean up the city. Please note that this is a simplified implementation to give you an idea, and you can modify and expand it as per your requirements.

Score: 0

In this game, the player is represented by a blue square and can move by clicking anywhere on the game container. The goal is to collect the green bottles that randomly appear from the top. Each bottle collected increases the score displayed on the screen. Feel free to customize the game, add levels, more features, and improve the visual design based on your preferences!

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Plastic Bottle Collector</title>
    <style>
        #game-container {
            position: relative;
            width: 400px;
            height: 400px;
            border: 1px solid black;
            overflow: hidden;
        }

.player {
            position: absolute;
            bottom: 0;
            width: 40px;
            height: 40px;
            background-color: blue;
        }

.bottle {
            position: absolute;
            width: 30px;
            height: 30px;
            background-color: green;
        }

#score {
            text-align: center;
            margin-top: 10px;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div class="player"></div>
        <div id="score">Score: <span id="score-value">0</span></div>
    </div>

// Game container
        var container = document.getElementById("game-container");

// Initialize player
        player = document.querySelector(".player");
        player.addEventListener("click", collectBottle);

// Generate random bottles
        setInterval(generateBottle, 1000);

// Update score on screen
        function updateScore() {
            document.getElementById("score-value").textContent = score;
        }

// Collect bottles
        function collectBottle() {
            // Increase score
            score++;
            updateScore();

// Remove bottle
            this.parentNode.removeChild(this);
        }

// Generate bottles
        function generateBottle() {
            var bottle = document.createElement("div");
            bottle.className = "bottle";
            bottle.style.left = getRandomPosition() + "px";

bottles.push(bottle);
            container.appendChild(bottle);

// Move bottles
            moveBottles();
        }

// Move bottles
        function moveBottles() {
            bottles.forEach(function (bottle) {
                var bottom = parseInt(bottle.style.bottom) + 10;

if (bottom > container.clientHeight) {
                    bottle.parentNode.removeChild(bottle);
                } else {
                    bottle.style.bottom = bottom + "px";
                }
            });
        }

// Utility function to generate random positions
        function getRandomPosition() {
            return Math.floor(Math.random() * container.clientWidth);
        }

// Game loop
        setInterval(moveBottles, 100);

</script>
</body>
</html>
```

Feel free to customize the game, add levels, more features, and improve the visual design based on your preferences!