LanguageČeština
Kategorie: Production UI Motion
UI Animační nástroj pro interaktivní rozhraní
Přestaňte rozdávat videa a statické Bézierovy křivky. Navrhněte responzivní animace uživatelského rozhraní založené na fyzice a odešlete stejný soubor do své aplikace.
What is UI Animační in ExodeUI?
ExodeUI je animační nástroj uživatelského rozhraní navržený speciálně pro produktové týmy vytvářející živý software. Na rozdíl od nástrojů, které vytvářejí statické video nebo těžké prostředky JSON, ExodeUI spáruje vizuální pohybové plátno s pružinovou fyzikou a stavovými stroji a uloží výsledek jako jeden otevřený soubor .exode, který se běhové balíčky přehrají v React, Vue, Svelte, ZQX3,ZQXQZX, ZQX0,ZQXQZX, SwiftUI a Flutter.
Základní architektura
Proč si inženýři a designéři vybírají ExodeUI
Design, logic and motion in one file that runs inside your app.
Jarní fyzika v reálném čase
Nahraďte křehké křivky trvání přirozenou tuhostí, hmotností a fyzikou tlumení, které plynule reagují na rychlost uživatele.
Visual State Machine Logic
Vizuálně spojte složité stavy visení, aktivní, přetahování a načítání, aniž byste museli psát tisíce řádků křehkých přechodů CSS.
Export nativního výrobního kódu
Přehrajte stejný soubor v React, Vue, Svelte, Angular, Solid, React Native, SwiftUI a Flutter se vstupy a událostmi, které ovládá váš kód.
Nepřetržité sledování gest
Prvotřídní sledování tažení, házení, sevření a ukazovátka s nepřetržitou hybností a detekcí hraničních kolizí.
Objektivní hodnocení
Jak ExodeUI ve srovnání s Traditional UI Animation Tools
Where ExodeUI is stronger, and what to weigh before you switch.
ExodeUI
- Jeden otevřený soubor běží v osmi frameworku runtime
- Vestavěný fyzikální engine se skutečnou rychlostí a hybností
- Graf uzlů stroje vizuálního stavu pro logiku větvení
- Vstupy a události, které řídí kód vaší aplikace
Traditional UI Animation Tools
- Výstup statických videí MP4, GIF nebo těžkých After Effects JSON
- Lineární klíčové snímky založené na čase, které se přeruší, když uživatel přeruší interakci
- Vývojáři musí ručně znovu sestavit každou křivku animace v kódu
- Interaktivní stavy obvykle musí být kolem přehrávače ručně kódovány
Developer Handoff
Použití ve vašem kódu
Your app loads the compiled file through the ExodeUI runtime and talks to it through inputs and events.
import { ExodeUICanvas } z 'exodeui';
// Pružiny, stavy a časování žijí v souboru .exode (navržený v
// editor). Váš kód předává vstupy a slyší události zpět.
exportní funkce InteractiveButton() {
vrátit (
<ExodeUIPlátno
src="/interactive_button.bexode"
inputs={{ stisknuto }}
onTrigger={(name) => console.log('ExodeUI event:', name)}
/>
);
}Máte otázky?
Často kladené otázky
Vytvářejte živé komponenty skutečným pohybem.
Start free in the browser or download the desktop app. Compile spring physics and state machines directly to React and SwiftUI.