تفاصيل العمل

هذا المشروع هو إعادة تصور عصرية للعبة "الثعبان" الكلاسيكية (Snake Game)، تم بناؤها بالكامل باستخدام Vanilla JavaScript دون الاعتماد على أي مكتبات خارجية. يتميز المشروع بتصميم بصري جذاب يعتمد على إضاءة النيون (Neon Glow)، ومؤثرات حركية سلسة مما يقدم تجربة مستخدم تفاعلية ومشوقة.

أهم المميزات التقنية (Key Features):

محرك حركة متقدم (Smooth Movement Engine):

الابتعاد عن الحركة الشبكية التقليدية (Grid-based) واستبدالها بحركة "بكسل تلو الآخر" سلسة للغاية.

استخدام خوارزمية "تتبع الأثر" (Breadcrumb History Trail) لجعل ذيل الثعبان يتبع الرأس بدقة وانسيابية.

نظام مستويات ديناميكي (Dynamic Leveling & Theming):

تتغير ألوان اللعبة، الخلفية، والإضاءة تلقائياً بناءً على النتيجة (Score).

استخدام CSS Variables للتحكم في الألوان وتغيير "Theme" اللعبة بالكامل من خلال JavaScript بسلاسة.

مستويات خاصة (مثل المستوى الكهربائي) تحتوي على مؤثرات بصرية (Animations) فريدة مثل الموجات الكهربائية والاهتزاز.

مؤثرات بصرية وتفاعلية (Game Juice):

واجهة مستخدم مخصصة (Custom UI) لشاشة "نهاية اللعبة" بدلاً من التنبيهات الافتراضية.

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

HTML5: لبناء الهيكل الأساسي وعناصر اللعبة.

CSS3: للرسوم المتحركة (Keyframes)، تأثيرات التوهج (Box-shadow)، والتصميم المتجاوب.

JavaScript (ES6+): لمنطق اللعبة الكامل، معالجة التصادمات، إدارة الذاكرة (Memory Management) لمصفوفة الذيل، والتلاعب بالـ DOM.

طريقة اللعب:

استخدم الأسهم (Arrow Keys) لتوجيه الثعبان واكل الطعام.

تجنب الاصطدام بالجدران لتستمر في جمع النقاط.

بطاقة العمل

اسم المستقل
عدد الإعجابات
2
عدد المشاهدات
26
تاريخ الإضافة
تاريخ الإنجاز
المهارات