Flower run dodge the bees touch the screen and the flower will jump's game

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

No:15099

102

←

Prev Next

→

Flower run dodge the bees touch the screen and the..ALL
Developer User6472｜Date and time 23/9/6 6:37:48
Build time 37.27 sec｜Game capacity 3.785KB｜

Script

Sure, here's an example of a simple game called "Flower Run" where you need to help a flower dodge the bees by tapping on the screen to make the flower jump. The game is implemented as a single HTML file and contains JavaScript code enclosed in script tags:

To play the game, copy the above code and save it as an HTML file (e.g., "flower_run.html"). Then, open the file in a web browser that supports JavaScript, preferably on a smartphone. When you touch the screen, the flower will jump to avoid the bees. If the flower collides with any bee, a game over message will be shown.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Flower Run</title>
    <style>
        canvas {
            border: 1px solid black;
            display: block;
            margin: 20px auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Flower
        var flower = {
            x: 50,
            y: canvas.height - 100,
            width: 50,
            height: 50,
            jumpHeight: 100,
            isJumping: false
        };

// Bees
        var bees = [
            { x: canvas.width, y: canvas.height - 100, width: 50, height: 50, speed: 5 },
            { x: canvas.width + 200, y: canvas.height - 150, width: 50, height: 50, speed: 8 },
            { x: canvas.width + 400, y: canvas.height - 100, width: 50, height: 50, speed: 6 }
        ];

// Game loop
        var gameLoop = setInterval(function() {
            update();
            draw();
        }, 20);

// Update game objects
        function update() {
            // Move bees
            for (var i = 0; i < bees.length; i++) {
                bees[i].x -= bees[i].speed;

// Check collision between flower and bees
                if (isColliding(flower, bees[i])) {
                    clearInterval(gameLoop);
                    alert("Game Over!");
                }
            }

// Make flower jump
            if (flower.isJumping) {
                flower.y -= 5;

// Reset jump state after reaching the desired height
                if (flower.y <= canvas.height - flower.jumpHeight) {
                    flower.isJumping = false;
                }
            } else {
                // Gravity effect
                flower.y += 2;
            }

// Keep the flower within the canvas bounds
            if (flower.y >= canvas.height - flower.height) {
                flower.y = canvas.height - flower.height;
            }
        }

// Check collision between two objects
        function isColliding(obj1, obj2) {
            return obj1.x < obj2.x + obj2.width &&
                    obj1.x + obj1.width > obj2.x &&
                    obj1.y < obj2.y + obj2.height &&
                    obj1.y + obj1.height > obj2.y;
        }

// Draw game objects on the canvas
        function draw() {
            // Clear canvas
            context.clearRect(0, 0, canvas.width, canvas.height);

// Draw flower
            context.fillStyle = "yellow";
            context.fillRect(flower.x, flower.y, flower.width, flower.height);

// Draw bees
            context.fillStyle = "black";
            for (var i = 0; i < bees.length; i++) {
                context.fillRect(bees[i].x, bees[i].y, bees[i].width, bees[i].height);
            }
        }

// Event listener for touch screen
        document.addEventListener("touchstart", function(event) {
            event.preventDefault();
            flower.isJumping = true;
        });
    </script>
</body>
</html>
```