قم بتأليف لعبة إطلاق نار's game

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

No:39514

←

Prev Next

→

قم بتأليف لعبة إطلاق نار
Developer User6662｜Date and time 24/1/28 18:01:26
Build time 15.395 sec｜Game capacity 3.205KB｜

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="480" height="320"></canvas>

// تعريف صور اللاعب والأعداء
        var playerImage = new Image();
        playerImage.src = "player.png";

var enemyImage = new Image();
        enemyImage.src = "enemy.png";

// نقطة البداية للاعب
        var player = {
            x: canvas.width / 2,
            y: canvas.height - 64
        };

// تحريك اللاعب
        function movePlayer(event) {
            if (event.keyCode === 37 && player.x > 0) {
                player.x -= 5; // نقل اللاعب لليسار
            } else if (event.keyCode === 39 && player.x < canvas.width - 32) {
                player.x += 5; // نقل اللاعب لليمين
            }
        }

// رسم اللاعب والأعداء على الشاشة
        function draw() {
            ctx.clearRect(0, 0, canvas.width, canvas.height); // مسح الشاشة

// رسم اللاعب
            ctx.drawImage(playerImage, player.x, player.y);

// رسم الأعداء
            // يمكن إضافة دورة لرسم مجموعة من الأعداء
            ctx.drawImage(enemyImage, 10, 10);
        }

// دورة اللعبة
        function gameLoop() {
            draw(); // رسم اللاعب والأعداء

// يمكن إضافة المزيد من التحكم في حركة الأعداء ومزيد من العمليات المنطقية بين اللاعب والأعداء

requestAnimationFrame(gameLoop); // متابعة دورة اللعبة
        }

// بدء اللعبة
        gameLoop();

// التحرك بواسطة اللمس (على الهواتف المحمولة)
        var touchStartX = null;

function touchStart(event) {
            touchStartX = event.touches[0].clientX;
        }

function touchEnd(event) {
            if (touchStartX != null && event.changedTouches && event.changedTouches.length > 0) {
                var touchEndX = event.changedTouches[0].clientX;
                var deltaX = touchEndX - touchStartX;

if (deltaX < 0 && player.x > 0) {
                    player.x -= 5; // نقل اللاعب لليسار
                } else if (deltaX > 0 && player.x < canvas.width - 32) {
                    player.x += 5; // نقل اللاعب لليمين
                }

touchStartX = null;
            }
        }

// ربط وظائف اللمس مع عناصر اللعبة
        canvas.addEventListener("touchstart", touchStart, false);
        canvas.addEventListener("touchend", touchEnd, false);

// ربط وظائف اللوحة المفاتيح مع عناصر اللعبة
        document.addEventListener("keydown", movePlayer, false);
    </script>
</body>
</html>