هذا المشروع مكون من HTML,CSS,JAVASCRIPT
HTML5 Structure
- استخدام العناصر الدلالية (semantic elements)
- تصميم responsive يتكيف مع الشاشات المختلفة
-
CSS3 Features المستخدمة:
- **Flexbox & Gridلتنسيق العناصر
- **CSS Animations:حركات النرد المتقدمة
- **Backdrop Filter:تأثيرات الزجاج الضبابي
- **CSS Variables:للألوان والقياسات
- **Media Queries: استجابة للشاشات المختلفة
- **Transform & Transition تحريكات سلسة
- Class-based Architecture:تنظيم الكود بنظام OOP
- Event Handlingإدارة التفاعلات المختلفة
- Local State Management حفظ الإحصائيات والسجل
- Animation Controlالتحكم في توقيت الحركات
أنواع النرد المختلفة:
- نرد عادي (6 أوجه) مع نقاط بصرية
- أنراد متعددة الأوجه (4, 8, 10, 12, 20)
- إمكانية رمي حتى 6 أنراد معاً
نظام الاحصئيات:
- تتبع عدد الرميات
- حساب المتوسط والحد الأقصى/الأدنى
- سجل آخر 10 رميات
- دعم لوحة المفاتيح (Space للرمي)
- تأثيرات بصرية تفاعلية
- منع الرمي المتكرر أثناء الحركة
- إضافة أصوات للرمي
- المزيد من أنواع النرد
- حفظ الإحصائيات في localStorage
- نرد ثلاثي الأبعاد حقيقي باستخدام Three.js
- فيزياء واقعية للحركة
- ربط مع قاعدة بيانات للحفظ السحابي
- نمط متعدد اللاعبين
- ألعاب الطاولة الرقمية
- تطبيقات التعليم (الاحتمالات)
- أدوات D&D وألعاب الأدوار
- تطبيقات الهواتف المحمولة