Wun Code
JavaScript

ألعاب المتصفح

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

ابدأ المسارمجاني ولا يحتاج إلى تسجيل

ما ستتعلّمه

  • حلقة اللعباستدعاء update ثم draw نحو ستّين مرّة في الثانية
  • حالة المفاتيحتتبّع المفاتيح المضغوطة في كل إطار
  • تصادم المستطيلاتالدالة hits(a, b) لا تعدّ التلامس تصادمًا
  • مضرب Pongمضرب لا يخرج من الملعب وارتداد يتحكّم فيه اللاعب
  • الجاذبية والقفزسقوط متسارع وقفز من الأرض فقط
  • مولّد الأعداءتجميع الزمن وحدّ أعلى لعدد الأعداء
  • حالات اللعبةمتغيّر حالة واحد ودالة انتقال نقيّة
  • ورقة الإطاراتاختيار الخلية التي ترسمها ووقت رسمها
  • نظام الجسيماتإنشاء الجسيمات وتحريكها وحذفها بأمان
  • كاميرا تتبع اللاعبعرض عالم أكبر من الشاشة

محتوى المسار

10 دروس مجموع مدّتها ساعتان ونصف
  1. 1حلقة اللعبJavaScriptاستدعاء update ثم draw نحو ستّين مرّة في الثانية
  2. 2حالة المفاتيحJavaScriptتتبّع المفاتيح المضغوطة في كل إطار
  3. 3تصادم المستطيلاتJavaScriptالدالة hits(a, b) لا تعدّ التلامس تصادمًا
  4. 4مضرب PongJavaScriptمضرب لا يخرج من الملعب وارتداد يتحكّم فيه اللاعب
  5. 5الجاذبية والقفزJavaScriptسقوط متسارع وقفز من الأرض فقط
  6. 6مولّد الأعداءJavaScriptتجميع الزمن وحدّ أعلى لعدد الأعداء
  7. 7حالات اللعبةJavaScriptمتغيّر حالة واحد ودالة انتقال نقيّة
  8. 8ورقة الإطاراتJavaScriptاختيار الخلية التي ترسمها ووقت رسمها
  9. 9نظام الجسيماتJavaScriptإنشاء الجسيمات وتحريكها وحذفها بأمان
  10. 10كاميرا تتبع اللاعبJavaScriptعرض عالم أكبر من الشاشة