Lottie هو تنسيق رسوم متحركة JSON، يتم تصديره عادةً من After Effects، والذي يقوم بتشغيل رسوم متحركة ثابتة. Rive هي أداة تصميم ووقت تشغيل للرسوم المتحركة التفاعلية المتجهة مع أجهزة الحالة. ExodeUI هي أداة تصميم وأوقات تشغيل لواجهة مستخدم المنتج التفاعلية، مع التخطيط والحالات وفيزياء الربيع والمنطق في ملف JSON واحد مفتوح. نصنع ExodeUI.
الوجبات الجاهزة الأساسية
Lottie: تنسيق التشغيل واللاعبين؛ يحدث التأليف في مكان آخر، غالبًا After Effects
Rive: محرره الخاص وآلات الحالة وأوقات التشغيل؛ قوية للتوضيح النواقل
ExodeUI: المحرر الخاص به، وأجهزة الحالة، والتخطيط، والينابيع، وأوقات التشغيل؛ تستهدف واجهة مستخدم التطبيق
Lottie هو الأكثر دعمًا على نطاق واسع للتشغيل البسيط
اختر حسب ما إذا كان يتم تشغيل الرسوم المتحركة فقط أم يجب أن تستجيب للمستخدم
أسرع طريقة للفصل بينهما هي أن تسأل ما هو كل واحد منهم. Lottie هو تنسيق ملف وعائلة من اللاعبين. Rive وExodeUI هما أدوات تصميم توفر أيضًا أوقات التشغيل.
عادةً ما يتم تصميم الرسوم المتحركة Lottie في After Effects ويتم تصديرها كـ JSON باستخدام البرنامج الإضافي Bodymovin، أو يتم إنشاؤها في الأدوات التي تصدر Lottie. توجد مشغلات للويب وiOS وAndroid والعديد من أطر العمل. يعد Lottie ممتازًا للأيقونات والرسوم التوضيحية وأدوات التحميل التي يتم تشغيلها ببساطة. يحتاج التفاعل إلى كود إضافي، أو إضافات أحدث مثل أجهزة الحالة dotLottie.
Rive هو محرر يمكنك من خلاله رسم رسومات متجهة وتحريكها على المخططات الزمنية وتوصيلها بجهاز الحالة. تعمل أوقات التشغيل الخاصة به على تشغيل ملفات .riv في العديد من البيئات، ويتحدث الكود الخاص بك إلى جهاز الحالة من خلال المدخلات. إنه قوي بالنسبة للشخصيات والرسوم التوضيحية والواجهات الشبيهة بالألعاب.
ExodeUI هو أيضًا محرر مزود بأجهزة الحالة وأوقات التشغيل، ولكنه مبني على واجهة مستخدم المنتج. يضيف التخطيط وفيزياء الربيع ومنطق العقدة، ويحفظ كل شيء كملف .exode JSON مفتوح. تغطي حزم وقت التشغيل React وVue وSvelte وAngular وSolid وReact Native وSwiftUI وFlutter، ويتيح خادم MCP لأدوات ترميز الذكاء الاصطناعي تحرير الرسوم المتحركة.
عمليًا: استخدم Lottie عندما تحتاج الرسوم المتحركة فقط إلى التشغيل، وRive للرسومات التفاعلية التوضيحية، وExodeUI أو Rive لمكونات واجهة المستخدم التفاعلية. العديد من المنتجات تستخدم أكثر من واحد.
الأسئلة المتداولة
هل Lottie تفاعلي؟
يتم تشغيل ملف Lottie القياسي فقط. يمكنك التحكم في التشغيل من التعليمات البرمجية، ويضيف dotLottie أجهزة الحالة، ولكن تفاعل التأليف أسهل في Rive أو ExodeUI.
ما هو الأسهل للبدء به؟
Lottie، إذا كنت تستخدم After Effects بالفعل أو قمت بتنزيل ملفات جاهزة. يأخذ كل من Rive وExodeUI مزيدًا من التعلم ولكنهما يقدمان نتائج تفاعلية.
هل يمكنني استخدامها معًا؟
نعم. تستخدم العديد من التطبيقات Lottie للرسوم التوضيحية وأداة آلة الحالة للمكونات التفاعلية.
ما هو تنسيق الملف المفتوح؟
ملفات Lottie وExodeUI هي JSON. يستخدم Rive تنسيق .riv الثنائي الخاص به، مع أوقات تشغيل مفتوحة المصدر.