Flappy Bird (Ending Level)'s game

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

No:12587

←

Prev Next

→

Flappy Bird (Ending Level)
Developer User4714｜Date and time 23/8/20 6:15:06
Build time 11.89 sec｜Game capacity 3.193KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <style>
        canvas {
          border:1px solid #000000;
          background-color: #f1f1f1;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="600"></canvas>

// Variables for bird position and gravity
        var birdX = 50;
        var birdY = canvas.height / 2;
        var gravity = 1.5;
        var gravitySpeed = 0;

// Variable to store the score
        var score = 0;

// Variable to store the game state
        var gameover = false;

// Pictogram assets
        var birdImage = new Image();
        birdImage.src = "bird.png";

// Function to handle key presses
        function handleKeyDown(event) {
            if (!gameover && event.keyCode === 32) {
                gravitySpeed = -15; // Jumping by changing gravitySpeed
            } else if (gameover && event.keyCode === 32) {
                resetGame(); // Restart the game when space is pressed
            }
        }

// Function to draw the bird on the canvas
        function drawBird() {
            ctx.drawImage(birdImage, birdX, birdY);
        }

// Function to handle collisions
        function checkCollision() {
            if (birdY + birdImage.height > canvas.height) {
                gameover = true; // Bird touches the ground
            }

// You can add more collision logic here based on your game design
        }

// Function to display the score
        function drawScore() {
            ctx.font = "24px Arial";
            ctx.fillStyle = "#000000";
            ctx.fillText("Score: " + score, 10, 30);
        }

// Function to reset the game
        function resetGame() {
            birdY = canvas.height / 2;
            gravitySpeed = 0;
            score = 0;
            gameover = false;
        }

// Main game loop
        function gameLoop() {
            ctx.clearRect(0, 0, canvas.width, canvas.height); // Clear the canvas

if (!gameover) {
                gravitySpeed += gravity; // Applying gravity to the bird
                birdY += gravitySpeed; // Updating bird position

// Additional game logic goes here
            }

drawBird(); // Draw the bird
            drawScore(); // Draw the score
            checkCollision(); // Check for collisions

requestAnimationFrame(gameLoop); // Request the next animation frame
        }

// Start the game when the document is loaded
        document.addEventListener("DOMContentLoaded", function(event) {
            // Add keydown event listener to handle key presses
            document.addEventListener("keydown", handleKeyDown);

// Load the bird picture before starting the game loop
            birdImage.onload = function() {
                gameLoop();
            };
        });
    </script>
</body>
</html>