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

No:151

288

←

Prev Next

→

flight simulator
Developer User2908｜Date and time 23/5/29 16:04:18
Build time 85.413 sec｜Game capacity 3.927KB｜

Script

flight simulator

Description: Become a pilot、Pilot your plane and fly through the sky. Your score will increase when you take coins floating in the air. However、Or hit a cloud.、If you crash to the ground, the game is over.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<!DOCTYPE html>
<html>

<head>
    <title>フライトシミュレーター</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }

#canvas {
            border: 1px solid black;
        }
    </style>
</head>

<body onload="init()">
    <h1>フライトシミュレーター</h1>
    <canvas id="canvas" width="400" height="400"></canvas>
    <br>
    <button onclick="start()">スタート</button>
    <br>
    <p>概要: 操縦士になって、飛行機を操縦して空を飛んでください。空中に浮かんでいるコインを取るとスコアが上がります。ただし、雲にぶつかったり、地面に墜落したらゲームオーバーです。</p>
    <script>
        var canvas, ctx;
        var x, y;
        var dx = 0, dy = 0;
        var score = 0;

function init() {
            canvas = document.getElementById("canvas");
            ctx = canvas.getContext("2d");
            x = canvas.width / 2;
            y = canvas.height / 2;
        }

function start() {
            document.addEventListener("keydown", move);
            setInterval(draw, 10);
        }

function move(e) {
            switch (e.keyCode) {
                case 37: // left arrow
                    dx = -2;
                    break;
                case 38: // up arrow
                    dy = -2;
                    break;
                case 39: // right arrow
                    dx = 2;
                    break;
                case 40: // down arrow
                    dy = 2;
                    break;
            }
        }

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

if (x > canvas.width || x < 0 || y > canvas.height || y < 0) {
                alert("地面に墜落しました。スコア: " + score);
                document.location.reload();
                return;
            }

if (x >= 150 && x <= 250 && y >= 150 && y <= 250) {
                alert("雲にぶつかりました。スコア: " + score);
                document.location.reload();
                return;
            }

x += dx;
            y += dy;
            drawPlane();
            drawCoins();
            drawScore();
        }

function drawPlane() {
            ctx.beginPath();
            ctx.fillStyle = "#FFD700";
            ctx.moveTo(x, y);
            ctx.lineTo(x - 15, y + 30);
            ctx.lineTo(x + 15, y + 30);
            ctx.closePath();
            ctx.fill();
            ctx.beginPath();
            ctx.fillStyle = "#FFFFFF";
            ctx.fillRect(x - 5, y - 15, 10, 30);
            ctx.stroke();
        }

function drawScore() {
            ctx.fillStyle = "#000000";
            ctx.font = "bold 16px Arial";
            ctx.fillText("スコア: " + score, 20, 20);
        }
    </script>
</body>

</html>