مشروع أنيميشن تفاعلي باستخدام JavaScript

قمت بتطوير مشروع أنيميشن تفاعلي جذاب باستخدام JavaScript، HTML، وCSS، يهدف إلى تحسين تجربة المستخدم من خلال تأثيرات بصرية ديناميكية تتفاعل مباشرة مع حركات أو نقرات المستخدم.

مميزات المشروع:

تأثيرات حركية سلسة ومتجاوبة مع التفاعل (hover – click – scroll).

استخدام الذكاء البصري لتحسين تجربة المستخدم بشكل تفاعلي.

حركة العناصر بشكل حيّ عند تمرير الصفحة أو التفاعل مع الماوس.

كود منظم بدون أي مكتبات خارجية (JavaScript Vanilla).

قابل للتكامل داخل صفحات الويب الحديثة أو مواقع الشركات.

الهدف من المشروع:

يهدف هذا العمل إلى استعراض قدرتي على:

تحريك العناصر باستخدام JavaScript فقط.

فهم عميق لـ DOM Events و CSS Transitions/Transforms.

تعزيز جمالية المواقع وزيادة التفاعل مع المستخدم.

تطبيق أساليب Front-End Animation بشكل يدوي بدون اعتماد على مكتبات مثل GSAP أو anime.js.