Un juego flappy bird pero que cada vez que toquemos por 20 milisegundos se girara la cabeza del pájaro por arriba's game

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

No:41583

←

Prev Next

→

Un juego flappy bird pero que cada vez que toquemo..ALL
Developer User18058｜Date and time 24/2/8 13:16:13
Build time 9.432 sec｜Game capacity 3.09KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
    <style>
        canvas {
            border: 1px solid #000;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="480" height="320"></canvas>
    <script>
        document.addEventListener("DOMContentLoaded", function() {
            const canvas = document.getElementById("gameCanvas");
            const ctx = canvas.getContext("2d");

// Game Variables
            let birdX = 50;
            let birdY = canvas.height / 2;
            let birdRotation = 0;
            let birdSpeedY = 0;
            let gravity = 0.5;
            let jumpStrength = -10;
            let isGameStarted = false;

// Load Images
            const birdImage = new Image();
            birdImage.src = "bird.png";
            birdImage.onload = function() {
                birdY = (canvas.height - birdImage.height) / 2;
                render();
            };

// Handle Touch Events
            let touchStartTime = 0;
            canvas.addEventListener("touchstart", function(event) {
                touchStartTime = new Date().getTime();
            });
            canvas.addEventListener("touchend", function(event) {
                let touchEndTime = new Date().getTime();
                let touchDuration = touchEndTime - touchStartTime;
                if (touchDuration >= 20) {
                    birdRotation -= 0.2 * Math.PI;
                }
            });

// Game Loop
            function gameLoop() {
                birdSpeedY += gravity;
                birdY += birdSpeedY;

if (birdRotation < Math.PI / 2) {
                    birdRotation += 0.05;
                }

if (birdY + birdImage.height > canvas.height || birdY < 0) {
                    gameOver();
                    return;
                }

ctx.clearRect(0, 0, canvas.width, canvas.height);
                ctx.save();
                ctx.translate(birdX + birdImage.width / 2, birdY + birdImage.height / 2);
                ctx.rotate(birdRotation);
                ctx.drawImage(birdImage, -birdImage.width / 2, -birdImage.height / 2);
                ctx.restore();

requestAnimationFrame(gameLoop);
            }

// Game Over Function
            function gameOver() {
                isGameStarted = false;
                alert("Game Over!");
            }

// Start the Game
            function startGame() {
                if (!isGameStarted) {
                    isGameStarted = true;
                    birdSpeedY = 0;
                    birdY = (canvas.height - birdImage.height) / 2;
                    birdRotation = 0;
                    gameLoop();
                }
            }

// Render Function
            function render() {
                ctx.clearRect(0, 0, canvas.width, canvas.height);
                ctx.drawImage(birdImage, birdX, birdY);
            }

// Start Game when the page loads
            startGame();
        });
    </script>
</body>
</html>