لعبة إطلاق نار's game

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

No:15336

←

Prev Next

→

لعبة إطلاق نار
Developer User6662｜Date and time 23/9/8 22:28:57
Build time 22.308 sec｜Game capacity 3.178KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>لعبة إطلاق نار</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    <script>
        // Create the canvas and set its context
        const canvas = document.getElementById("gameCanvas");
        const ctx = canvas.getContext("2d");

// Create the player object and set its initial position
        const player = {
            x: canvas.width / 2,
            y: canvas.height - 30,
            width: 20,
            height: 20,
            speed: 5
        };

// Create variables for the keyboard input
        let leftPressed = false;
        let rightPressed = false;
        let spacePressed = false;

// Create the array to store the bullets
        const bullets = [];

// Handle keyboard keydown and keyup events
        document.addEventListener("keydown", keyDownHandler);
        document.addEventListener("keyup", keyUpHandler);

// Update the game state
        function update() {
            // Move the player
            if (leftPressed && player.x > 0) {
                player.x -= player.speed;
            } else if (rightPressed && player.x < canvas.width - player.width) {
                player.x += player.speed;
            }

// Shoot bullets
            if (spacePressed) {
                bullets.push({
                    x: player.x + player.width / 2,
                    y: player.y,
                    width: 2,
                    height: 10,
                    speed: 10
                });
            }

// Move the bullets
            bullets.forEach(bullet => {
                bullet.y -= bullet.speed;
            });

// Remove bullets that have gone off-screen
            bullets.forEach((bullet, index) => {
                if (bullet.y < 0) {
                    bullets.splice(index, 1);
                }
            });

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

// Draw the player
            ctx.fillRect(player.x, player.y, player.width, player.height);

// Draw the bullets
            bullets.forEach(bullet => {
                ctx.fillRect(bullet.x, bullet.y, bullet.width, bullet.height);
            });
        }

// Start the game loop
        function gameLoop() {
            update();
            requestAnimationFrame(gameLoop);
        }
        gameLoop();

</script>
</body>
</html>