Breakout Game

ملخص مشروع: لعبة Breakout (نسخة ES6 Modules) قمت بتطوير لعبة Breakout باستخدام JavaScript (ES6)، وهي لعبة تفاعلية تعتمد على عنصر الـ Canvas في HTML5. تُحاكي اللعبة الإصدار الكلاسيكي المعروف حيث يتحكم اللاعب في لوحة (Paddle) تتحرك أفقياً لارتداد الكرة وتحطيم الطوب (Bricks)، مع نظام نقاط وأرواح ومراحل فوز وخسارة. الجوانب التقنية: اللغة المستخدمة: JavaScript (مع ES6 Modules). هيكل المشروع: تم تقسيم الكود إلى ملفات منفصلة لتحقيق تطوير متوازي ومنظم: script.js: يحتوي على الحلقة الرئيسية للعبة (Game Loop) وإدارة الحالة العامة. ball.js: تعريف فئة الكرة (Ball) وسلوكها في الحركة والتصادم. paddle.js: تعريف فئة اللوح (Paddle) والتحكم فيه عبر لوحة المفاتيح. brick.js: تعريف فئة الطوب (Brick) وإدارة حالته أثناء اللعب. style.css: لتنسيق شكل اللعبة والعناصر الرسومية. مميزات اللعبة: تحكم سلس: يمكن تحريك اللوح باستخدام الأسهم لتوجيه الكرة وضرب الطوب. نظام تصادم دقيق: تم تطبيق منطق تصادم متكامل بين الكرة واللوح والجدران والطوب باستخدام دوال هندسية للتحقق من التداخل. نظام نقاط وأرواح: يحصل اللاعب على نقاط عند كسر الطوب. تُخصم حياة عند سقوط الكرة أسفل اللوح. عند انتهاء الأرواح تظهر شاشة “Game Over”. منطق فوز: عند كسر جميع الطوب تظهر رسالة "You Win!" ويتم إيقاف اللعبة. تخزين أعلى نتيجة: باستخدام localStorage لحفظ أفضل نتيجة محققة حتى بعد إعادة تشغيل اللعبة. تأثيرات بصرية: مثل توهج بسيط على الكرة واللوح، وتأثيرات عند تحطيم الطوب لإضافة إحساس بالحركة.