Mo.js - مكتبة رسوم متحركة كاملة للويب

الرسوم المتحركة على الويب موجودة لتبقى كما هي جافا سكريبت تزداد قوة ومتصفح الدعم ينمو مع كل عام يمر.

تركز معظم الرسوم المتحركة التي نعرفها على الواجهة: القوائم المنسدلة والأزرار المبوبة وعروض الشرائح على سبيل المثال.

لكن Mo.js مختلفة. هذا ال مكتبة جافا سكريبت مصممة لرسومات الحركة المخصصة لمساعدة المصممين على إنشاء ميزات رسوم متحركة مذهلة تتجاوز حيل UI / UX البسيطة.

إذا قمت بزيارة صفحة Mo.js الرئيسية ، فستجد وثائق كاملة جنبا إلى جنب مع برنامج تعليمي كبير للمبتدئين.

لاحظ هذا مكتبة صعبة جدا للعمل مع. يجب أن تكون على دراية بالترميز الأساسي للواجهة الأمامية قبل العبث بـ Mo.js بنفسك. ومع ذلك ، هناك الكثير الذي يمكنك التقاطه فقط من خلال دراسة العروض التوضيحية المباشرة والحفر في بعض التعليمات البرمجية المصدر.

يمكنك إلقاء نظرة خاطفة على الريبو الرئيسي لـ GitHub إذا كنت تريد مشاهدة بعض العروض التجريبية.

هناك قائمة كاملة من الروابط من CodePen والتي تتضمن عروض Mo.js الحية. وتشمل هذه لوادر الرسوم المتحركة لصفحة ملء الشاشة ، والتفاعلات الدقيقة للنقر, وأطنان من التلاعب الشكل.

على سبيل المثال ، يُنشئ هذا القلم تفاعلًا صغيراً مجنونة جدًا من إدخال المستخدم (فقط انقر في أي مكان داخل القلم لرؤيته).

قد تشعر بعض هذه الأقلام بالأعلى ولكن هذه ليست مجرد رسوم متحركة لـ JS. انهم حقا مثل الأعمال الفنية.

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

إذا كنت ترغب في رؤية المزيد من Mo.js ، فقم بإلقاء نظرة على العروض التوضيحية على GitHub. قد ترغب أيضًا في هذا البرنامج التعليمي الذي يدرس كيفية التعامل مع مكتبة Mo.js خطوة بخطوة.

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