Animation in der eine Biene auf einer Blume landet und nach ein paar Sekunden wieder fortfliegt. Gib keine Erklärungen, nur den Code.'s game

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

No:30749

181

←

Prev Next

→

Animation in der eine Biene auf einer Blume landet..ALL
Developer User14077｜Date and time 23/12/24 2:11:15
Build time 6.461 sec｜Game capacity 1.512KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Bienen-Animation</title>
</head>
<body>
    <canvas id="animationCanvas" width="800" height="600"></canvas>
    <script>
        function startAnimation() {
            var canvas = document.getElementById("animationCanvas");
            var context = canvas.getContext("2d");

// Flower coordinates
            var flowerX = canvas.width / 2;
            var flowerY = canvas.height / 2;

// Bee coordinates
            var beeX = flowerX;
            var beeY = flowerY;

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

// Draw the flower
                var flowerImage = new Image();
                flowerImage.src = "flower.png";
                context.drawImage(flowerImage, flowerX, flowerY);

// Draw the bee
                var beeImage = new Image();
                beeImage.src = "bee.png";
                context.drawImage(beeImage, beeX, beeY);

// Update bee position
                beeY += 1;

// Check if bee has reached the top of the flower
                if (beeY < flowerY) {
                    requestAnimationFrame(draw);
                }
            }

// Start the animation
            draw();
        }

// Wait for the page to load
        window.onload = function () {
            startAnimation();
        }
    </script>
</body>
</html>