LanguagePolski
Kategoria: Ruch UI produkcji
Narzędzie do animacji interfejsu użytkownika dla interfejsów interaktywnych
Przestań udostępniać filmy i statyczne krzywe Beziera. Projektuj responsywne animacje interfejsu użytkownika oparte na fizyce i wysyłaj ten sam plik do swojej aplikacji.
What is Narzędzie do in ExodeUI?
ExodeUI to narzędzie do animacji interfejsu użytkownika zaprojektowane specjalnie dla zespołów produktowych tworzących żywe oprogramowanie. W przeciwieństwie do narzędzi generujących statyczne wideo lub duże zasoby JSON, ExodeUI łączy wizualne płótno ruchu z fizyką sprężyn i maszynami stanowymi i zapisuje wynik jako jeden otwarty plik .exode, który pakiety wykonawcze odtwarzają w React, Vue, Svelte, Angular, Solid, React Native, SwiftUI i Flutter.
Architektura rdzenia
Dlaczego inżynierowie i projektanci wybierają ExodeUI
Design, logic and motion in one file that runs inside your app.
Fizyka wiosny w czasie rzeczywistym
Zastąp kruche krzywe czasu trwania naturalną sztywnością, masą i fizyką tłumienia, które płynnie reagują na prędkość użytkownika.
Logika maszyny stanu wizualnego
Wizualnie łącz złożone stany najechania, aktywności, przeciągania i ładowania bez pisania tysięcy linii delikatnych przejść CSS.
Eksport natywnego kodu produkcyjnego
Odtwórz ten sam plik w React, Vue, Svelte, Angular, Solid, React Native, SwiftUI i Flutter, z wejściami i zdarzeniami kontrolowanymi przez Twój kod.
Ciągłe śledzenie gestów
Najwyższej klasy śledzenie przeciągania, rzucania, ściskania i wskaźnika z ciągłym wykrywaniem pędu i kolizji na granicach.
Obiektywna ocena
Jak ExodeUI porównuje się z Traditional UI Animation Tools
Where ExodeUI is stronger, and what to weigh before you switch.
ExodeUI
- Jeden otwarty plik działa w ośmiu środowiskach wykonawczych frameworka
- Wbudowany silnik fizyczny z rzeczywistą prędkością i pędem
- Wykres węzła maszyny stanu wizualnego dla logiki rozgałęziania
- Dane wejściowe i zdarzenia kontrolowane przez kod aplikacji
Traditional UI Animation Tools
- Wysyła statyczne filmy MP4, GIF lub ciężkie After Effects JSON
- Liniowe klatki kluczowe oparte na czasie, które psują się, gdy użytkownik przerwie interakcję
- Programiści muszą ręcznie odbudować każdą krzywą animacji w kodzie
- Stany interaktywne zwykle muszą być kodowane ręcznie wokół gracza
Przekazanie dewelopera
Używanie go w swoim kodzie
Your app loads the compiled file through the ExodeUI runtime and talks to it through inputs and events.
importuj {ExodeUICanvas} z 'exodeui';
// Sprężyny, stany i synchronizacja znajdują się w pliku .exode (zaprojektowanym w formacie
//redaktor). Twój kod przekazuje dane wejściowe i odbiera zdarzenia.
funkcja eksportu InteractiveButton() {
powrót (
<ExodeUIPłótno
src="/interaktywny_button.bexode"
wejścia={{ naciśnięte }}
onTrigger={(nazwa) => console.log('Zdarzenie ExodeUI:', nazwa)}
/>
);
}Masz pytania?
Często zadawane pytania
Buduj żywe komponenty za pomocą prawdziwego ruchu.
Start free in the browser or download the desktop app. Compile spring physics and state machines directly to React and SwiftUI.