إنشاء جزيئات متحركة جميلة مع هذه المكتبة جافا سكريبت
هناك الكثير من مكتبات الرسوم المتحركة المجانية ذات التأثيرات والتخصصات المختلفة. لكن مكتبة Particles.js الجديدة تسير في اتجاه جديد تمامًا عن طريق إنشاء جزيئات متحركة أن التحرك في الوقت الحقيقي في جميع أنحاء الصفحة.
هذه المكتبة سهلة الاستخدام مجانية تمامًا ومفتوحة المصدر على جيثب. بالتأكيد لن يساعدك ذلك على تحسين UX لموقعك ولكنه قد يساعدك في إضافة بعض آثار الجسيمات المتداخلة إلى الخلفية.
في الصفحة الرئيسية ، ستجد عرض تفاعلي مباشر حيث يمكنك اللعب مع ميزات المكتبة. هذا يتيح لك ضبط حجم الجسيمات والسرعة والشكل واللون والموقف ، سمها ما شئت.
لأن هذه هي مكتبة مفصلة ، فإنه يتطلب أ فهم جيد لجافا سكريبت للحصول عليه العمل. لهذا السبب يعد هذا العرض التوضيحي المباشر ذا قيمة كبيرة لأنه يتيح لأي شخص أن يتجول مع هذه الإعدادات لمعرفة ما هو ممكن في JavaScript.
وإذا كنت على ما يرام مع تصدير هذه الرسومات ، يمكنك ذلك حفظ الصور مباشرة من الصفحة التجريبية لتطبيق الويب. يمكنك تصدير PNG الخام او حتى حفظ جميع الإعدادات المخصصة الخاصة بك في ملف JSON الذي يستورد بعد ذلك مباشرة في البرنامج النصي Particles.js.
افتراضيا ، يمكنك الاختيار من بين حفنة صغيرة من المواضيع مع أنماط الجسيمات المختلفة:
- ناسا نجوم
- فقاعات
- ثلج
- نجوم نيان القط
- الأشكال الهندسية الافتراضية
مع هذه الإعدادات الافتراضية ، لا يزال بإمكانك تحرير جميع الإعدادات الرئيسية لتحسين الألوان والمواقف والسرعات وكل شيء آخر.
أفضل جزء من هذه المكتبة كلها هو ميزة التخصيص المباشر مباشرة على الصفحة الرئيسية. إذا كنت ترغب في الوصول إلى التفاصيل الدقيقة ، فأنت بحاجة حقًا إلى فهم جافا سكريبت وترميز الواجهة الأمامية.
لكن ، حتى المبتدئين يمكنهم العمل من خلال الواجهة ، واختيار الإعدادات التي يريدونها ، وتصدير كل شيء كملف JSON.
مكتبة رائعة لأي شخص يتطلع إليها إنشاء جزيئات ديناميكية على شبكة الإنترنت. لمعرفة المزيد ، تفضل بزيارة GitHub repo ويمكنك مشاركة أفكارك مع المبدع Vincent Garreauon على TwitterVincentGarreau.
