🏃‍♀️

هروب أورا

لعبة عدّاءة لا نهائية مبنية بـ HTML5 Canvas مع قصة تفاعلية ومتاجر وتحديات يومية ومعارك زعماء

نظرة عامة

هروب أورا هي لعبة عدّاءة لا نهائية مبنية بالكامل بتقنيات الويب الأساسية HTML5 و CSS3 و JavaScript باستخدام Canvas API للرسومات. تتبع اللعبة بطلة اسمها أورا التي تهرب عبر عوالم مختلفة مليئة بالعقبات والمطاردات والألغاز. تتميز بنظام قصة تفاعلية مع 5 فصول قابلة للفت، 20 منطقة و80+ مرحلة متنوعة، متجر شامل لشراء الشخصيات والمركبات والقدرات، تحديات يومية وأسبوعية، نظام باس الموسم، معارك زعماء ملحمية، ولوحة متصدرين عالمية. اللعبة تدعم العربية والإنجليزية بالكامل مع تصميم متجاوب يعمل على جميع الأجهزة كتطبيق ويب تقدمي PWA.

المميزات

  • لعبة عدّاءة لا نهائية مع تحكم بالسحب والنقر، 3 حارات، قفز وانزلاق وتغيير الحارة
  • 20 منطقة و80+ مرحلة بتصاميم وأجواء مختلفة لكل منطقة
  • نظام قصة تفاعلية مع 5 فصول تُفتح تدريجياً مع تقدم اللاعب
  • متجر شامل لشراء شخصيات ومركبات وقدرات وعناصر تجميلية
  • نظام مطاردة بذكاء اصطناعي متنوع مع 4 أنواع من المطاردين
  • معارك زعماء ملحمية في نهايات المناطق مع نقاط صحة وهجمات خاصة
  • نظام قدرات مع 5 قدرات قابلة للتفعيل وسبعة أيام مكافآت تسلسلية

كيف يعمل

تعتمد اللعبة على Canvas API لرسم الرسومات والمؤثرات البصرية مع JavaScript كمحرك رئيسي للعبة. النظام يستخدم تجميع الكائنات Object Pooling للأداء، وlocalStorage لحفظ التقدم، وService Worker للعمل بدون إنترنت كتطبيق PWA.

التحديات

أكبر تحدٍّ كان بناء محرك لعبة كامل في ملف HTML واحد مع أداء سلس على جميع الأجهزة. تنفيذ نظام التصادمات مع 4 أنواع عوائق مختلفة والمطاردات الديناميكية تطلب تحسينًا مستمرًا للأداء. كذلك كان تحقيق التوازن في صعوبة اللعبة مع نظام الصعوبة الديناميكي تحديًا حقيقيًا.

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

HTML5CSS3JavaScriptCanvas APIPWAFirebase