A man ho is holding a bird's game

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

No:13277

119

←

Prev Next

→

A man ho is holding a bird
Developer User5843｜Date and time 23/8/27 19:41:07
Build time 16.947 sec｜Game capacity 3.053KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Bird Catcher Game</title>
    <style>
        body {
            text-align: center;
            font-family: Arial, sans-serif;
        }

canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    
    <script>
        // Game variables
        var canvas;
        var canvasContext;
        var birdX = 200;
        var birdY = 200;
        var birdSize = 50;
        var catchZoneX = 175;
        var catchZoneY = 175;
        var catchZoneSize = 50;
        var isBirdCaught = false;
        
        // Function to initialize the game
        function initializeGame() {
            canvas = document.getElementById("gameCanvas");
            canvasContext = canvas.getContext("2d");
            canvas.addEventListener("mousedown", catchBird);
            
            setInterval(updateGame, 1000/60); // 60 frames per second
        }
        
        // Main game loop
        function updateGame() {
            // Clear canvas
            canvasContext.clearRect(0, 0, canvas.width, canvas.height);
            
            // Draw catch zone
            canvasContext.fillStyle = "#CCCCCC";
            canvasContext.fillRect(catchZoneX, catchZoneY, catchZoneSize, catchZoneSize);
            
            // Draw bird
            canvasContext.fillStyle = "#FF0000";
            canvasContext.fillRect(birdX, birdY, birdSize, birdSize);
            
            // Check if bird is caught
            if (!isBirdCaught) {
                // Move bird randomly
                birdX += Math.random() * 10 - 5;
                birdY += Math.random() * 10 - 5;
            
                // Prevent bird from going outside the canvas
                if (birdX < 0) {
                    birdX = 0;
                }
                if (birdX + birdSize > canvas.width) {
                    birdX = canvas.width - birdSize;
                }
                if (birdY < 0) {
                    birdY = 0;
                }
                if (birdY + birdSize > canvas.height) {
                    birdY = canvas.height - birdSize;
                }
            } else {
                // Bird is caught, game over
                canvasContext.font = "30px Arial";
                canvasContext.fillStyle = "#000000";
                canvasContext.fillText("Game Over", canvas.width/2 - 70, canvas.height/2);
            }
        }
        
        // Function to catch the bird
        function catchBird(event) {
            var mouseX = event.clientX - canvas.getBoundingClientRect().left;
            var mouseY = event.clientY - canvas.getBoundingClientRect().top;
            
            if (mouseX >= catchZoneX && mouseX <= catchZoneX + catchZoneSize &&
                mouseY >= catchZoneY && mouseY <= catchZoneY + catchZoneSize) {
                isBirdCaught = true;
            }
        }
        
        // Start the game
        initializeGame();
    </script>
</body>
</html>