Languageहिन्दी
स्तंभ 05 · आधुनिक वेक्टर यूआई
LottieFiles वैकल्पिक: डायनामिक इंटरएक्टिव स्टेट मशीन बनाम स्टेटिक वीडियो JSON
Lottie को मोबाइल स्क्रीन पर निष्क्रिय वेक्टर एनिमेशन चलाने के लिए बनाया गया था। ExodeUI को जीवंत, इंटरैक्टिव यूजर इंटरफ़ेस सिस्टम बनाने के लिए इंजीनियर किया गया है।
What is LottieFiles वैकल्पिक: in ExodeUI?
ExodeUI आधुनिक सॉफ्टवेयर इंटरफेस के लिए प्रमुख LottieFiles विकल्प है। जबकि Lottie Adobe After Effects से भारी JSON फ़ाइलों में निर्यात किए गए रैखिक, गैर-इंटरैक्टिव एनीमेशन कीफ़्रेम को प्रस्तुत करता है, ExodeUI फ़ाइलों में राज्य, भौतिकी और तर्क होते हैं जो रनटाइम आपके ऐप में चलते हैं, इसलिए यूआई तत्व स्पर्श, इशारों और ऐप स्थिति पर प्रतिक्रिया करते हैं। हम ExodeUI बनाते हैं।
कोर आर्किटेक्चर
इंजीनियर और डिज़ाइनर क्यों चुनते हैं ExodeUI
Design, logic and motion in one file that runs inside your app.
वीडियो प्लेबैक पर वास्तविक इंटरेक्शन
Lottie एनिमेशन एक वीडियो की तरह फ्रेम 0 से फ्रेम 60 तक चलते हैं। ExodeUI तत्व वास्तविक समय में ड्रैग, होवर और टैप वेग पर प्रतिक्रिया करते हैं।
कोई Adobe After Effects की आवश्यकता नहीं है
ExodeUI के अंदर पूरी तरह से डिज़ाइन और एनिमेट करें। महंगे क्रिएटिव क्लाउड सब्सक्रिप्शन और खराब बॉडीमोविन एक्सपोर्ट प्लगइन्स को हटा दें।
मूल React और स्विफ्ट कोड
भारी प्लेयर लाइब्रेरी या JSON ट्री पार्सर के बिना सीधे आपके ऐप में आने वाले स्वच्छ घटकों को निर्यात करें।
Lottie प्रवासन और आयात
मौजूदा Lottie JSON फ़ाइलों को ExodeUI में आयात करें और उन्हें इंटरैक्टिव स्टेट मशीन घटकों में अपग्रेड करें।
वस्तुनिष्ठ मूल्यांकन
कैसे ExodeUI से तुलना की जाती है LottieFiles & After Effects
Where ExodeUI is stronger, and what to weigh before you switch.
ExodeUI
- पूर्ण द्विदिश अन्तरक्रियाशीलता और वास्तविक भौतिक गति
- विज़ुअल स्टेट मशीन लॉजिक जटिल कोडिंग रैपर्स को समाप्त कर देता है
- उत्पाद सॉफ़्टवेयर के लिए डिज़ाइन किया गया समर्पित विज़ुअल यूआई स्टूडियो
- हार्डवेयर जीपीयू त्वरण के साथ अल्ट्रा-लो सीपीयू और बैटरी का उपयोग
LottieFiles & After Effects
- रैखिक, निष्क्रिय प्लेबैक जो उपयोगकर्ता इनपुट पर गतिशील रूप से प्रतिक्रिया नहीं कर सकता है
- जटिल और महंगे Adobe After Effects वर्कफ़्लो की आवश्यकता है
- भारी JSON पेलोड के कारण सीपीयू में वृद्धि होती है और मोबाइल पर फ्रेम गिर जाते हैं
- कोई मूल राज्य मशीन तर्क नहीं: डेवलपर्स को कस्टम रैपर लिखना होगा
डेवलपर हैंडऑफ़
इसे अपने कोड में उपयोग करना
Your app loads the compiled file through the ExodeUI runtime and talks to it through inputs and events.
'एक्सोडुई' से आयात { ExodeUICanvas };
// स्प्रिंग्स, स्टेट्स और टाइमिंग .exode फ़ाइल में लाइव हैं (में डिज़ाइन किया गया है)।
//संपादक). आपका कोड इनपुट भेजता है और घटनाओं को वापस सुनता है।
निर्यात फ़ंक्शन इंटरैक्टिव टॉगल() {
वापसी (
<ExodeUICanvas
src='/toggle_switch.bexode'
onTrigger={(नाम) => कंसोल.लॉग('ExodeUI इवेंट:', नाम)}
/>
);
}उत्पाद टीमें Lottie से आगे क्यों बढ़ रही हैं?
Lottie 2017 में एक बड़ी सफलता थी, जिसने वेक्टर एनिमेशन को बड़े पैमाने पर GIF या MP4 वीडियो फ़ाइलों के बिना iOS, Android और वेब पर प्रस्तुत करने की अनुमति दी। लेकिन सॉफ़्टवेयर डिज़ाइन निष्क्रिय सजावटी एनिमेशन से गतिशील, स्पर्शनीय यूआई इंटरैक्शन तक विकसित हुआ है:
- इंटरएक्टिविटी वॉल: आप आसानी से Lottie एनीमेशन को ड्रैग मोमेंटम या फिंगर वेलोसिटी पर प्रतिक्रिया नहीं दे सकते।
- बैटरी और सीपीयू ड्रेन: मल्टी-मेगाबाइट JSON पेड़ों को पार्स करना और प्रत्येक फ्रेम पर बेज़ियर कर्व्स का मूल्यांकन करना मोबाइल उपकरणों पर बैटरी ड्रेन का कारण बनता है।
- जटिल टूलचेन: डिजाइनरों को Adobe After Effects में महारत हासिल करनी चाहिए, जो सिनेमा और टेलीविजन वीएफएक्स के लिए बनाया गया एक एप्लिकेशन है, न कि डिजिटल सॉफ्टवेयर उत्पादों के लिए।
Topic Cluster Network
कनेक्टेड अवधारणाओं और टूलींग का अन्वेषण करें
प्रश्न मिले?
अक्सर पूछे जाने वाले प्रश्नों
वास्तविक गति के साथ जीवित घटकों का निर्माण करें।
Start free in the browser or download the desktop app. Compile spring physics and state machines directly to React and SwiftUI.