a game where you can fly in a airplane's game

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

No:8916

125

←

Prev Next

→

a game where you can fly in a airplane
Developer User4270｜Date and time 23/7/19 18:55:40
Build time 21.916 sec｜Game capacity 2.465KB｜

Script

Sure! Here's a simple game where you can fly an airplane using arrow keys:

To play the game: 1. Copy the HTML code into a new HTML file (e.g., "fly_airplane.html"). 2. Save the airplane image and place it in the same directory as the HTML file. 3. Open the HTML file in a web browser. 4. Use the arrow keys on your keyboard to control the airplane and fly around the canvas.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple game where you can fly an airplane using arrow keys:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Flying Airplane Game</title>
    <style>
        #airplane {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
    </style>
</head>
<body>
    <canvas id="canvas" width="400" height="400"></canvas>

// Load airplane image
        var airplaneImg = new Image();
        airplaneImg.src = 'https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/232/airplane_2708.png';

// Initial position of airplane
        var airplane = {
            x: canvas.width / 2,
            y: canvas.height / 2,
            width: 50,
            height: 50,
            speed: 5
        };

// Render function to draw airplane on canvas
        function drawAirplane() {
            ctx.drawImage(airplaneImg, airplane.x - airplane.width / 2, airplane.y - airplane.height / 2, airplane.width, airplane.height);
        }

// Update function to handle airplane movement
        function update() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

if (keys.ArrowUp) {
                airplane.y -= airplane.speed;
            }
            if (keys.ArrowDown) {
                airplane.y += airplane.speed;
            }
            if (keys.ArrowLeft) {
                airplane.x -= airplane.speed;
            }
            if (keys.ArrowRight) {
                airplane.x += airplane.speed;
            }

drawAirplane();

requestAnimationFrame(update);
        }

// Keyboard event handlers
        var keys = {};
        window.addEventListener("keydown", function (event) {
            keys[event.key] = true;
        });
        window.addEventListener("keyup", function (event) {
            keys[event.key] = false;
        });

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

To play the game:

1. Copy the HTML code into a new HTML file (e.g., "fly_airplane.html").
2. Save the airplane image and place it in the same directory as the HTML file.
3. Open the HTML file in a web browser.
4. Use the arrow keys on your keyboard to control the airplane and fly around the canvas.