chicken invader web

اسم اللعبة: Chicken Invaders (باستخدام React - بدون Canvas)

الوصف:

لعبة Chicken Invaders هي لعبة تصويب شيّقة تم تطويرها باستخدام React بالكامل بدون الاعتماد على Canvas. يتحكم اللاعب في سفينة فضائية لقتال موجات من الدجاج الفضائي، مع تقدم تدريجي في الصعوبة.

الميزات الرئيسية:

مبنية باستخدام React بعناصر DOM حقيقية (HTML/CSS) بدلًا من canvas

تحريك العناصر (الدجاج، المقذوفات، البيض) باستخدام CSS animations وJavaScript-based movement logic

نظام تصادم مخصص يعتمد على حساب مواقع العناصر داخل DOM

حالة اللعبة تُدار باستخدام React state & hooks

تصميم واجهة تفاعلية تعرض النقاط، عدد القلوب، والمستوى الحالي

سهولة التخصيص وإعادة استخدام المكونات بفضل تصميم Component-based

تجربة مستخدم سلسة وقابلة للتشغيل على جميع المتصفحات الحديثة

التقنيات المستخدمة:

React.js – لبناء واجهة ومكونات اللعبة

HTML / CSS – لعرض وتحريك الكائنات

JavaScript logic – لإدارة الفيزياء وحركة العناصر

الهدف من المشروع:

محاكاة لعبة كلاسيكية باستخدام React فقط، لتجربة بناء لعبة باستخدام واجهة DOM التقليدية بدون Canvas أو مكتبات ألعاب.