TRAAPIZ flappy eagle's game

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

No:15536

←

Prev Next

→

TRAAPIZ flappy eagle
Developer User6733｜Date and time 23/9/9 20:44:40
Build time 40.129 sec｜Game capacity 4.373KB｜

Script

Sure! Here's an example of a simplified Flappy Bird game implemented as a single HTML file with JavaScript, using pictograms for the game elements. Please note that this is just a basic implementation and can be further enhanced and styled as per your requirements:

To play the game on a smartphone, you can simply open the HTML file in a mobile browser that supports JavaScript. You can control the eagle's movement by tapping anywhere on the screen to make it flap. The goal is to navigate the eagle through the gaps between the pipes without touching them. Your score will increase for every successful gap passage. If the eagle collides with a pipe, the game will end and a Game Over message will be displayed with your final score.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>TRAAPIZ Flappy Eagle</title>
</head>
<body>
    <canvas id="gameCanvas" width="480" height="640"></canvas>
    <script>
    // Game variables
    var canvas;
    var canvasContext;
    var eagle;
    var gravity;
    var score;

// Handle key presses
    function handleKeyPress(event) {
        if (event.keyCode === 32) { // Space key
            eagle.flap();
        }
    }

// Eagle object
    function Eagle() {
        this.x = 50;
        this.y = canvas.height / 2;
        this.velocityY = 0;

this.update = function() {
            this.velocityY += gravity;
            this.y += this.velocityY;
        }

this.flap = function() {
            this.velocityY = -10;
        }
    }

// Pipe object
    function Pipe(x) {
        this.x = x;
        this.y = 0;
        this.width = 80;
        this.height = Math.floor(Math.random() * (canvas.height - 200)) + 100;

this.update = function() {
            this.x -= 2;

// Check collision with eagle
            if ((eagle.x + 30) > this.x && eagle.x < (this.x + this.width) &&
                (eagle.y < this.height || (eagle.y + 30) > (this.height + 100))){
                gameOver();
            }

// Score increment
            if (this.x === 20) {
                score++;
            }
        }

this.draw = function() {
            canvasContext.fillStyle = '#18622a';
            canvasContext.fillRect(this.x, this.y, this.width, this.height);
            canvasContext.fillRect(this.x, (this.height + 100), this.width, (canvas.height - this.height - 100));

canvasContext.strokeStyle = '#000';
            canvasContext.lineWidth = 2;
            canvasContext.strokeRect(this.x, this.y, this.width, this.height);
            canvasContext.strokeRect(this.x, (this.height + 100), this.width, (canvas.height - this.height - 100));
        }
    }

// Game over
    function gameOver() {
        alert('Game Over! Score: ' + score);
        location.reload(); // Restart the game
    }

// Initialize the game
    function init() {
        canvas = document.getElementById("gameCanvas");
        canvasContext = canvas.getContext("2d");
        canvas.style.border = "1px solid #000";

eagle = new Eagle();
        gravity = 0.3;
        score = 0;

// Generate initial pipes
        var pipes = [];
        pipes.push(new Pipe(canvas.width));

// Game loop
        setInterval(function() {
            // Clear canvas
            canvasContext.clearRect(0, 0, canvas.width, canvas.height);

// Update and draw eagle
            eagle.update();
            canvasContext.fillStyle = '#ffdb1f';
            canvasContext.fillRect(eagle.x, eagle.y, 30, 30);

// Update and draw pipes
            for (var i = pipes.length - 1; i >= 0; i--) {
                pipes[i].update();
                pipes[i].draw();

if (pipes[i].x === canvas.width - 300) {
                    pipes.push(new Pipe(canvas.width));
                }

if (pipes[i].x < -p.width) {
                    pipes.splice(i, 1); // Remove pipe when offscreen
                }
            }

// Display score
            canvasContext.font = "20px Arial";
            canvasContext.fillStyle = "#000";
            canvasContext.fillText("Score: " + score, 20, 30);
        }, 1000 / 60); // 60 FPS

// Handle key press event
        window.addEventListener('keydown', handleKeyPress);
    }

// Start the game
    init();
    </script>
</body>
</html>
```