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