لعبة متصفح ثنائية الأبعاد كاملة بـ JavaScript

لعبة مغامرات ممتعة تعمل مباشرة في المتصفح، مبنية بالكامل بـ JavaScript الأصلي و Canvas API — بدون أي مكتبة أو إطار عمل خارجي.

الفكرة

بناء لعبة من الصفر هو أفضل طريقة لإتقان JavaScript وفهم مفاهيم مثل حلقة اللعبة (Game Loop) والفيزياء والتصادمات والرسوم المتحركة. ومع ذلك، النتيجة ليست مجرد تمرين — بل لعبة ممتعة فعلاً!

عناصر اللعبة

• شخصية قابلة للتحكم: تتحرك وتقفز وتتفاعل مع البيئة.
• 5 مراحل متدرجة: من السهل للصعب مع عوالم مختلفة.
• أعداء بذكاء بسيط: يتحركون بأنماط مختلفة ويتفاعلون مع اللاعب.
• عناصر قابلة للجمع: عملات ومكافآت وقدرات خاصة.
• فيزياء واقعية: جاذبية واحتكاك وارتداد.
• مؤثرات صوتية: أصوات للقفز والجمع والاصطدام والخسارة.
• نظام نقاط: لوحة أعلى النقاط محفوظة محلياً.
• حفظ تلقائي: أكمل من حيث توقفت.

البنية البرمجية

المشروع يستخدم نمط Entity-Component: كل عنصر في اللعبة (لاعب، عدو، منصة) هو كائن بخصائص وسلوكيات مستقلة. حلقة اللعبة تعمل بـ requestAnimationFrame لأداء سلس بـ 60 إطاراً بالثانية.

التقنيات

• HTML5 Canvas لرسم كل شيء.
• Web Audio API للمؤثرات الصوتية.
• LocalStorage لحفظ التقدم والنقاط.
• JavaScript خام — لا مكتبات على الإطلاق.

💡 بناء لعبة يُعلّمك البرمجة بطريقة لن تنساها — لأن النتيجة ممتعة ومرئية، كل سطر كود تكتبه تراه يعمل فوراً.