A game where you fly planes's game

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

No:45866

←

Prev Next

→

A game where you fly planes
Developer User19732｜Date and time 24/2/21 21:57:21
Build time 9.098 sec｜Game capacity 2.053KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Plane Flying Game</title>
<style>
    body {
        margin: 0;
        padding: 0;
        overflow: hidden;
    }
    canvas {
        display: block;
    }
</style>
</head>
<body>
<canvas id="gameCanvas"></canvas>

canvas.width = window.innerWidth;
    canvas.height = window.innerHeight;

const plane = {
        x: canvas.width / 2,
        y: canvas.height / 2,
        size: 20,
        speed: 2,
        angle: 0,
    }

function drawPlane() {
        ctx.save();
        ctx.translate(plane.x, plane.y);
        ctx.rotate(plane.angle);
        ctx.fillStyle = 'blue';
        ctx.beginPath();
        ctx.moveTo(-plane.size, -plane.size);
        ctx.lineTo(plane.size, 0);
        ctx.lineTo(-plane.size, plane.size);
        ctx.closePath();
        ctx.fill();
        ctx.restore();
    }

function update() {
        plane.x += Math.cos(plane.angle) * plane.speed;
        plane.y += Math.sin(plane.angle) * plane.speed;

if (plane.x < 0) {
            plane.x = canvas.width;
        } else if (plane.x > canvas.width) {
            plane.x = 0;
        }

if (plane.y < 0) {
            plane.y = canvas.height;
        } else if (plane.y > canvas.height) {
            plane.y = 0;
        }
    }

function draw() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        drawPlane();
    }

function gameLoop() {
        update();
        draw();
        requestAnimationFrame(gameLoop);
    }

function keyDownHandler(e) {
        switch(e.keyCode) {
            case 37:
                plane.angle -= 0.1;
                break;
            case 39:
                plane.angle += 0.1;
                break;
        }
    }

document.addEventListener('keydown', keyDownHandler);

gameLoop();
</script>
</body>
</html>