Create game angry birds's game

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

No:26819

←

Prev Next

→

Create game angry birds
Developer User13262｜Date and time 23/12/2 15:17:28
Build time 59.771 sec｜Game capacity 3.071KB｜

Script

Sure! Here's a simple implementation of an Angry Birds game using JavaScript, HTML, and pictograms:

This is a basic implementation of an Angry Birds game where the goal is to make the bird reach the pig without collisions. The user can tap on the screen to make the bird fly upwards. If the bird collides with the pig, the game is over and the user can reset the game by tapping on the screen again.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple implementation of an Angry Birds game using JavaScript, HTML, and pictograms:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Angry Birds Game</title>
</head>
<body>
    <canvas id="canvas" width="480" height="320"></canvas>

// Load pictograms
        const birdImg = new Image();
        birdImg.src = "bird.png";

const pigImg = new Image();
        pigImg .src = "pig.png";

// Game variables
        let birdX = 50;
        let birdY = canvas.height / 2;
        let birdWidth = 50;
        let birdHeight = 50;
        let birdSpeedX = 2;
        let birdSpeedY = 0;

let pigX = canvas.width - 100;
        let pigY = canvas.height / 2;
        let pigWidth = 50;
        let pigHeight = 50;
        
        let isGameFinished = false;

// Function to draw objects on canvas
        function draw() {
            // Clear the canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw the bird
            ctx.drawImage(birdImg, birdX, birdY, birdWidth, birdHeight);

// Draw the pig
            ctx.drawImage(pigImg, pigX, pigY, pigWidth, pigHeight);

if (isGameFinished) {
                // Game over text
                ctx.font = "30px Arial";
                ctx.fillText("Game Over", canvas.width / 2 - 75, canvas.height / 2);
            } else {
                // Move the pig
                pigX -= 1;

// Check for collision
                if (birdX + birdWidth > pigX && birdX < pigX + pigWidth &&
                    birdY + birdHeight > pigY && birdY < pigY + pigHeight) {
                    isGameFinished = true;
                }

// Move the bird
                birdY += birdSpeedY;

// Apply gravity
                birdSpeedY += 0.1;

// Update the canvas
                requestAnimationFrame(draw);
            }
        }

// Function to handle touch events
        function handleTouch(event) {
            if (isGameFinished) {
                resetGame();
            } else {
                birdSpeedY = -3; // Add upward velocity to the bird
            }
        }

// Function to reset the game
        function resetGame() {
            birdX = 50;
            birdY = canvas.height / 2;
            birdSpeedY = 0;
            isGameFinished = false;

requestAnimationFrame(draw);
        }

// Bind events
        canvas.addEventListener("touchstart", handleTouch);

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