حلقة اللعب

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

والسرّ الذي يفصل اللعبة المتقنة عن المتعثّرة: الحركة تُضرب في dt — الزمن منذ الإطار السابق. بلا ذلك تسرع اللعبة على الشاشات السريعة وتبطؤ على البطيئة.

وافصل update عن draw: التحديث منطق خالص لا يعرف شيئًا عن الرسم، فيُختبر وحده ويُعاد استعماله. والرسم يقرأ الحالة فقط.