Angry birds movement in a platformer's game

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

No:27229

←

Prev Next

→

Angry birds movement in a platformer
Developer User8387｜Date and time 23/12/5 8:41:51
Build time 55.132 sec｜Game capacity 4.046KB｜

Script

Sure! Here's a basic implementation of a game inspired by Angry Birds, where you control a bird's movement in a platformer style. The game will be playable on a smartphone using pictograms for visual representation. Please note that this is a simplified version and may not include all the features of the actual Angry Birds game.

To play the game, you can open the above code in a web browser on your smartphone. The game canvas will show a red square representing the bird and green platforms. Swipe left or right on the canvas to move the bird horizontally. The bird will be affected by gravity, and you can use the platforms to land on. Note: This implementation is a basic starting point for an Angry Birds inspired game in a platformer style. You can further enhance it by adding levels, enemies, scoring, and more complex interactions.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Angry Bird Platformer</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="480" height="320"></canvas>

// Initialize the game
        function init() {
            canvas = document.getElementById("gameCanvas");
            canvasContext = canvas.getContext("2d");
            
            // Start game loop
            setInterval(update, 1000 / 60);
            
            // Listen for touch events on the canvas
            canvas.addEventListener("touchstart", handleTouchStart);
            canvas.addEventListener("touchend", handleTouchEnd);
        }

// Update game state
        function update() {
            moveBird();
            applyGravity();
            checkCollisions();
            draw();
        }

// Move the bird horizontally based on touch input
        function handleTouchStart(event) {
            if (event.targetTouches.length === 1) {
                var touch = event.targetTouches[0];
                birdSpeedX = (touch.pageX < birdX) ? -5 : 5;
            }
        }

// Stop moving the bird when touch ends
        function handleTouchEnd() {
            birdSpeedX = 0;
        }

// Move the bird vertically based on gravity and speed
        function moveBird() {
            birdX += birdSpeedX;
            birdY += birdSpeedY;
        }

// Apply gravity to the bird
        function applyGravity() {
            birdSpeedY += gravity;
        }

// Check for collisions between the bird and platforms
        function checkCollisions() {
            var i;
            for (i = 0; i < platforms.length; i++) {
                var p = platforms[i];
                if (birdX < p.x + p.width &&
                    birdX + 20 > p.x &&
                    birdY < p.y + p.height &&
                    birdY + 20 > p.y) {
                    birdSpeedY = 0;
                    birdY = p.y - 20;
                }
            }
        }

// Draw the game objects on the canvas
        function draw() {
            // Clear canvas
            canvasContext.clearRect(0, 0, canvas.width, canvas.height);

// Draw bird
            canvasContext.fillStyle = "red";
            canvasContext.fillRect(birdX, birdY, 20, 20);

// Draw platforms
            canvasContext.fillStyle = "green";
            var i;
            for (i = 0; i < platforms.length; i++) {
                var p = platforms[i];
                canvasContext.fillRect(p.x, p.y, p.width, p.height);
            }
        }

// Start the game when the page is loaded
        window.onload = init;
    </script>
</body>
</html>
```

Note: This implementation is a basic starting point for an Angry Birds inspired game in a platformer style. You can further enhance it by adding levels, enemies, scoring, and more complex interactions.