لعبة ريترو بعنوان Let's Fight

هذا المشروع يظهر قدراتي العالية كمطور باظهار قوة لغة الJS والتعامل مع مبادئ الوراثة والصفوف بتطبيق مفهوم الOOP بشكل عام على كامل المشروع

البداية :

كانت الحاجة لهذا المشروع للتطبيق واظهار قوة الjavascript لدي

نقاط بناء هذا المشروع :

-تجهيز المشروع : بناء الHTML المبدئي مع اضافة الكلاسات والمعرفات الضرورية للوصول لعناصر الHTML عبر الجافا سكربت

- هيكل الشخصيات البدائي : باستخدام (c,canvas,getContext) من الcanvas قمت برسم الشكل المبدأ المستطيلات الrectangle المعبرة عن الشخصيات

-تحريك الشخصيات : مراقبة الازرار وتنفيذ تحريك الشخصييات مع ازرار معينة عبر لوحة المفاتيح

- الهجوم : تطيبق مبدأ الاصطدام بحيث اذا اصطدم المستطيل الخارج من الشخصية الاولى بالثانية ستحسب على انها هجمة ويتم خصم من نقاط اللاعب الثاني "الHealth bar"

-رسم واجهة المستخدم لمعرقة نقاط اللاعبين : قسم مكتوب بالHTML CSS يعبر عن نقاط اللاعبين ووقت اللعبة ونتيجتها تم محاذاته فوق الcanvas

- اضافة الرسمة الخلفية التفاعلية : تمت اذفة خلفيةTexture Sprite للcanvas ومتتابعتم بطريقة سلسة لاظهار انيميشن الدخان والطبيعة خلف اللاعبين

-تحويل الهيكل البدائي للشخصيات لشخصيات حقيقية واضافة التفاعلات: تم التعامل مع هذه النقاط عبر اضافة خصائص عامة وخاصة لصف اللاعبين وماذا سيحدث في حال تلقي الضربة او القفز او الهجوم بالاضافة لكل تفاصيل الTexture Sprite.