Game simulasi penerbangan drone's game

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

No:15860

←

Prev Next

→

Game simulasi penerbangan drone
Developer User6951｜Date and time 23/9/13 1:06:17
Build time 19.965 sec｜Game capacity 2.41KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Game Simulasi Penerbangan Drone</title>
    <style>
        canvas {
            border: 1px solid black;
            margin: 0 auto;
            display: block;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="500" height="400"></canvas>
    <script>
        // JavaScript code for the drone flight simulation game

// Get the canvas element and its 2D rendering context
        var canvas = document.getElementById("gameCanvas");
        var context = canvas.getContext("2d");

// Variables for game objects
        var drone = {
            x: canvas.width / 2,
            y: canvas.height / 2,
            size: 50,
            speed: 5
        };

// Variable to keep track of user inputs
        var keys = {};

// Update the game objects
        function update() {
            if (keys["ArrowUp"]) {
                drone.y -= drone.speed;
            }
            if (keys["ArrowDown"]) {
                drone.y += drone.speed;
            }
            if (keys["ArrowLeft"]) {
                drone.x -= drone.speed;
            }
            if (keys["ArrowRight"]) {
                drone.x += drone.speed;
            }

// Ensure the drone stays within the canvas boundaries
            if (drone.x < 0) {
                drone.x = 0;
            }
            if (drone.x + drone.size > canvas.width) {
                drone.x = canvas.width - drone.size;
            }
            if (drone.y < 0) {
                drone.y = 0;
            }
            if (drone.y + drone.size > canvas.height) {
                drone.y = canvas.height - drone.size;
            }

// Clear the canvas
            context.clearRect(0, 0, canvas.width, canvas.height);

// Draw the drone
            context.fillStyle = "blue";
            context.fillRect(drone.x, drone.y, drone.size, drone.size);

// Call update() again after a short delay
            requestAnimationFrame(update);
        }

// Event listener to keep track of user inputs
        document.addEventListener("keydown", function(event) {
            keys[event.key] = true;
        });

document.addEventListener("keyup", function(event) {
            keys[event.key] = false;
        });

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