تعلم كيفية برمجة Flappy Bird و Doodle Jump في JavaScript

الألعاب هي أكثر مشاريع البرمجة متعة. بمجرد الانتهاء من إنشاء الألعاب ، ستلعبها!

لقد أصدرنا برنامجًا تعليميًا على قناة freeCodeCamp.org على YouTube سيساعدك على تحسين مهاراتك في JavaScript من خلال بناء لعبتين رائعتين من جيل الألفية.

في هذا البرنامج التعليمي ، ستوضح لك المطورة والمعلمة Ania Kubow كيفية إنشاء Doodle Jump و Flappy Bird في JavaScript. هذا البرنامج التعليمي مناسب للأشخاص الذين يعرفون القليل من JavaScript ويريدون البدء في تجميع كل شيء معًا لإنشاء مشاريع حقيقية.

سوف تتدرب على أكثر من 32 طريقة شائعة في JavaScript من أجل بناء اللعبتين. يتضمن هذا .forEach () ، .push () ، .shift () ، .addEventListener () ، .appendChild () ، while loops ، و class ، و constructors ، وغيرها الكثير.

فيما يلي الأقسام التي تم تناولها في هذا البرنامج التعليمي:

  • منطق لعبة القفز خربش
  • إعداد اللعبة
  • خلق الرسام
  • إنشاء المنصات
  • إنشاء فئة المنصة
  • تحريك المنصات
  • جعل الرسام يقفز
  • جعل الرسام يسقط
  • كتابة اللعبة فوق المنطق
  • ربط مفاتيح لوحة المفاتيح
  • جعل الرسام يتحرك يسارًا ويمينًا
  • إزالة وإضافة منصات جديدة باستخدام عمل المصفوفة
  • إزالة جميع الأطفال من الشبكة باستخدام حلقة while
  • إضافة النتيجة
  • منطق لعبة فلابي بيرد
  • إنشاء مشروع فلابي بيرد
  • كتابة منطق بدء لعبة Flappy Bird
  • جعل الطائر يقفز
  • ربط مفاتيح لوحة المفاتيح
  • قم بإنشاء عقبة أنبوب
  • تحريك العقبة
  • إنشاء عقبات جديدة باستخدام setInterval () و setTimeout ()
  • كتابة لعبة Flappy Bird على المنطق
  • اضافة صور للمشروع
  • توسيع قواعد التصادم باستخدام && و ||
  • إضافة مراحل Flappy Bird النهائية لتعلم التصميم حول z-index

شاهد الدورة كاملة على قناة يوتيوب freeCodeCamp.org (مشاهدة لمدة ساعتين).