أداة لوتي للرسوم المتحركة v6.5.2

Lottie Animation Tool عبارة عن مكتبة متنقلة لنظامي التشغيل Android وiOS تستخدم Bodymovin لتحليل الرسوم المتحركة لـ Adobe After Effects المصدرة بتنسيق json وعرضها محليًا على الأجهزة المحمولة!

تسهل Lottie على المهندسين إنشاء تأثيرات رسوم متحركة أكثر ثراءً دون إعادة كتابة التعليمات البرمجية. مع Lottie، لم تعد بحاجة إلى استخدام الرسوم المتحركة Gif لإظهار التأثير.

حاليًا، تدعم Lottie قطع المسار والإخفاء والتغطية وعمليات أخرى. هناك أيضًا آلية تخزين مؤقت اختيارية لتحميل العناصر المستخدمة بشكل أسرع. الهدف من هذا التطبيق هو مساعدة المطورين ورسامي الرسوم المتحركة على إنشاء رسوم متحركة لتطبيقاتهم بسهولة أكبر، وبالتالي تحسين عامل التفاعل العام.

مزايا اللوتي

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

1. يتم تنفيذ الرسوم المتحركة بواسطة المصمم باستخدام أداة إنتاج الرسوم المتحركة الاحترافية Adobe After Effects، مما يجعل تنفيذ الرسوم المتحركة أكثر ملاءمة وتأثير الرسوم المتحركة أفضل؛

2. يمكن للواجهة الأمامية استدعاء الرسوم المتحركة والتحكم في الرسوم المتحركة بسهولة، مما يقلل من عبء عمل الرسوم المتحركة للواجهة الأمامية؛

3. تصميم وإنتاج الرسوم المتحركة، وعرض الرسوم المتحركة في الواجهة الأمامية، ويقوم المحترفون بأشياء احترافية، ويكون تقسيم العمل معقولًا؛

4. عرض البائع هو عرض المشتري، ومستوى الترميم 100%؛

5. باستخدام حل اللوتي، سيكون حجم ملف json أصغر بكثير من ملف gif، وسيكون الأداء أفضل.

لا يكفي لوتي

استخدام مخطط Lottie له العيوب التالية

1. لا يزال ملفlottie-web نفسه كبيرًا نسبيًا. يبلغ حجم ملفlottie.js 513 كيلو بايت، وبعد الضغط يبلغ 144 كيلو بايت. لذلك، عليك الانتباه إلى تحميل موقع Lottie-Web. حاليًا، تحتوي مشاريع H5 على حزم غير متصلة بالإنترنت، وسيتم أيضًا تحميل مشاريع الكمبيوتر الشخصي إلى PWA، والتي سيتم تخزينها مؤقتًا لضمان سرعة التحميل.

2. يمكن في الواقع فهم الرسوم المتحركة Lottie على أنها رسوم متحركة svg/رسوم متحركة على القماش، ولا يمكن إضافة تأثيرات الرسوم المتحركة إلى HTML الموجود؛

3. يقوم تصدير ملفات json المتحركة حاليًا بتصدير المعلمات بتنسيق AE إلى محتوى json واحدًا تلو الآخر. إذا قام المصمم بإنشاء الكثير من الطبقات، فقد تظل هناك مشكلة في ملفات json الكبيرة نسبيًا (20 كيلو بايت). يجب على المصممين اتباع معايير معينة.

4. هناك عدد قليل جدًا من تأثيرات الرسوم المتحركة AE التي لا تستطيع Lottie تنفيذها، بعضها بسبب مشكلات في الأداء، والبعض الآخر لم يتم تنفيذها. على سبيل المثال: الرسوم المتحركة السكتة الدماغية، وما إلى ذلك.