Bug the Gathering
ديك بيلدر متقدم قائم على المتصفح مدمج بالكامل في React 19 و Next.js. لعبة بطاقات مع وضع PvP متعدد اللاعبين، Drag&Drop، رسوم متحركة ثلاثية الأبعاد، ومزامنة في الوقت الفعلي.
عن المشروع
Deckbuilder ليس تطبيقًا عاديًا. إنه إنتاج ألعاب كامل قائم على المتصفح مبني على React 19 و Next.js، يثبت أن ميكانيكا محركات الألعاب المتقدمة يمكن دمجها في تقنيات الويب دون أي تنازلات في الجودة أو الأداء. تتميز اللعبة بواجهة سلسة للغاية لا تُنسى بفضل الرسوم المتحركة المبنية بـ Framer Motion (بما في ذلك معالجة البطاقات الجذابة بـ Drag&Drop وتأثيرات parallax/3D الجميلة للبطاقات).
الميزات الرئيسية
- React 19 و Next.js كأساس معماري
- مزامنة الحالة العالمية في الوقت الفعلي بين اللاعبين
- تطبيق منطق معقد لتأثيرات البطاقات
- وضع ملء الشاشة وتخطيطات CSS متجاوبة
- قيد التطوير - تطوير نشط لميزات جديدة
التحديات التقنية
كان التحدي الأكبر ضمان مزامنة سلسة للحالة في وضع اللاعبين المتعددين دون تأخيرات. أجبر هذا على تطوير حلول غير تقليدية لمحاربة عدم التزامن الشبكي المحتمل – في النهاية يُحدث وضع PvP الحالة العالمية فورًا على أجهزة الخصوم المتقاتلين. كان الجانب الآخر هو دمج الرسوم المتحركة المتقدمة مع أداء اللعبة.