LanguageČeština
Objektivní hodnocení
Státní stroje Lottie vs Rive
Stavové automaty Lottie vs Rive: dotLottie nyní přidává stavy, vstupy a události k přehrávání Lottie, zatímco Rive integruje interaktivitu do vlastního editoru a běhového prostředí. Co každý umí a kdy si to vybrat.
Aktualizováno října 2026
Základní architektonický rozdíl
Lottie již není pouze přehrávání. Formát .lottie (dotLottie) přidává stavové stroje: stavy, které hrají části časové osy, přechody s podmínkami, vstupy a událostmi, které vaše aplikace odesílá, vizuálně zabudované v Lottie Creator a podporované každým oficiálním přehrávačem dotLottie. Rive jde dále v rámci jednoho editoru s vrstvami stavového stroje, datovou vazbou, skriptováním, kostmi a rozvržením. Vyberte dotLottie, pokud již máte animace Lottie a potřebujete stavy najetí myší, kliknutí nebo více kroků. Pokud je jádrem návrhu interakce, vyberte Rive.
Srovnání vedle sebe
Rozdělení funkcí a schopností
| Dimenze | Lottie (dotLottie) | Rive | Výhoda |
|---|---|---|---|
| Jak fungují státy | Stavy přehrávání: přehrávání, smyčka nebo podržení segmentu časové osy | Uveďte vrstvy stroje, které míchají a prolínají animace | Rive |
| Vstupy a události | Booleovské, numerické, řetězcové a událostní vstupy; události odeslané z kódu aplikace; interakce kliknutí a umístění kurzoru myši | Vstupy, události a datové vazby pro zobrazení modelů | Rive |
| Logika | Přechody se strážními podmínkami a akcemi | Podmínky, datová vazba a skriptování Luau | Rive |
| Kde to postavíte | Lottie Creator (web) nebo JSON v manifestu .lottie | Editor Rive (prohlížeč a plocha) | Uvázat |
| Stávající animace | Přidá stavy do souborů Lottie, které již máte, včetně exportů After Effects | Animace jsou vytvořeny v Rive | Lottie (dotLottie) |
| Hráči | React, JavaScript, Vue, Svelte, Web Component, React Native, Flutter, iOS, Android, C/C++ (MIT) | Web, React, React Native, iOS, Android, Flutter, C++, C# (MIT), plus průvodci Unity a Unreal | Uvázat |
| Theming | Dynamická témata pro barvy a styly za běhu | Prostřednictvím datové vazby | Uvázat |
| Animace postav | Ať už zdrojová animace obsahuje | Kosti a sítě zabudované do editoru | Rive |
| Cena za odeslání | Hráči jsou zdarma a s otevřeným zdrojovým kódem; LottieFiles má bezplatné a placené plány | Volný export přehraje úvodní obrazovku Rive; Kadet (9 $ za místo za měsíc, ročně) to odstraní | Lottie (dotLottie) |
Kdy vybrat Rive
- Interakcí je design: postavy, hry nebo ovládací prvky, které nepřetržitě reagují na vstup.
- Chcete svázat animaci s živými daty aplikace prostřednictvím modelů zobrazení.
- Potřebujete kosti, sítě nebo skriptované chování.
- Váš tým již pracuje v editoru Rive.
Kdy vybrat Lottie (dotLottie)
- Již máte animace Lottie nebo After Effects a chcete přidat stavy umístění kurzoru, kliknutí nebo více kroků.
- Vaše interakce většinou spočívají v tom, že „hrajete tuto roli, pak tu roli“ na události.
- Chcete přehrávače s otevřeným zdrojovým kódem bez poplatků za export nebo úvodní obrazovky.
- Potřebujete runtime motivy, jako je tmavý režim nebo značkové barvy, z jednoho souboru.
Vyrábíme ExodeUI, třetí možnost, která ke stavovým automatům přidává rozložení uživatelského rozhraní a pružinovou fyziku. Pro širší seznam viz Alternativy Rive
Přímé odpovědi