حلقة اللعبة (Game Loop)

ما هي حلقة اللعبة؟

حلقة اللعبة هي العمود الفقري لأي لعبة. إنها حلقة لا نهائية تقوم بما يلي في كل إطار:

1. معالجة إدخال المستخدم
2. تحديث حالة اللعبة
3. رسم الإطار الحالي

مثال تفاعلي: حلقة اللعبة

جرب اللعبة التفاعلية أدناه لترى كيف تعمل حلقة اللعبة:

كود حلقة اللعبة

// تهيئة المتغيرات
let lastTime = 0;
let animationId = null;

// حلقة اللعبة الرئيسية
function gameLoop(timestamp) {
    // حساب الوقت المنقضي
    const deltaTime = timestamp - lastTime;
    lastTime = timestamp;
    
    // تحديث حالة اللعبة
    update(deltaTime);
    
    // رسم الإطار الحالي
    draw();
    
    // طلب الإطار التالي
    animationId = requestAnimationFrame(gameLoop);
}

// بدء اللعبة
function startGame() {
    if (!animationId) {
        lastTime = performance.now();
        gameLoop(lastTime);
    }
}

// إيقاف اللعبة
function stopGame() {
    if (animationId) {
        cancelAnimationFrame(animationId);
        animationId = null;
    }
}

مكونات حلقة اللعبة

نصائح لتحسين الأداء

ما التالي؟

الآن بعد أن فهمت كيفية عمل حلقة اللعبة، يمكنك الانتقال إلى الدرس التالي حيث سنتعلم كيفية إضافة الحركة والتحكم باللاعب.