ملخص مشروع: لعبة Breakout (نسخة ES6 Modules)

قمت بتطوير لعبة Breakout باستخدام JavaScript (ES6)، وهي لعبة تفاعلية تعتمد على عنصر الـ Canvas في HTML5.

تُحاكي اللعبة الإصدار الكلاسيكي المعروف حيث يتحكم اللاعب في لوحة (Paddle) تتحرك أفقياً لارتداد الكرة وتحطيم الطوب (Bricks)، مع نظام نقاط وأرواح ومراحل فوز وخسارة.
مميزات اللعبة:

تحكم سلس: يمكن تحريك اللوح باستخدام الأسهم لتوجيه الكرة وضرب الطوب.

نظام تصادم دقيق: تم تطبيق منطق تصادم متكامل بين الكرة واللوح والجدران والطوب باستخدام دوال هندسية للتحقق من التداخل.

نظام نقاط وأرواح:

يحصل اللاعب على نقاط عند كسر الطوب.

تُخصم حياة عند سقوط الكرة أسفل اللوح.

عند انتهاء الأرواح تظهر شاشة “Game Over”.

منطق فوز: عند كسر جميع الطوب تظهر رسالة "You Win!" ويتم إيقاف اللعبة.

تخزين أعلى نتيجة: باستخدام localStorage لحفظ أفضل نتيجة محققة حتى بعد إعادة تشغيل اللعبة.

تأثيرات بصرية: مثل توهج بسيط على الكرة واللوح، وتأثيرات عند تحطيم الطوب لإضافة إحساس بالحركة.