حلقة اللعب

كل لعبة، من Pong إلى أكبر الألعاب، تقوم على حلقة واحدة تتكرّر، فيها تحدّث حالة اللعبة ثم ترسمها. والدالة requestAnimationFrame تستدعي الحلقة قبل كل إطار يرسمه المتصفح، أي نحو ستّين مرّة في الثانية.

وما يجعل الحركة متساوية على كل جهاز أن تضربها في dt، وهو الزمن الذي مرّ منذ الإطار السابق، ولو لم تفعل ذلك لأسرعت اللعبة على الشاشات السريعة وأبطأت على البطيئة.

واجعل update منفصلة عن draw، فدالة التحديث تحسب منطق اللعبة فقط ولا علاقة لها بالرسم، ولذلك تستطيع اختبارها وحدها وإعادة استعمالها، أما دالة الرسم فتقرأ الحالة وترسمها دون أن تغيّرها.