LanguageFrançais
Évaluation objective
Machines à états Lottie et Rive
Machines à états Lottie vs Rive : dotLottie ajoute désormais des états, des entrées et des événements en plus de la lecture Lottie, tandis que Rive intègre l'interactivité dans son propre éditeur et son propre environnement d'exécution. Ce que chacun peut faire et quand le choisir.
Mis à jour octobre 2026
La différence architecturale de fond
Lottie n'est plus uniquement une lecture. Le format .lottie (dotLottie) ajoute des machines à états : des états qui jouent des parties d'une chronologie, des transitions avec des conditions, des entrées et des événements envoyés par votre application, construits visuellement dans Lottie Creator et pris en charge par tous les lecteurs officiels dotLottie. Rive va plus loin dans un seul éditeur, avec des couches de machines d'état, des liaisons de données, des scripts, des os et des mises en page. Choisissez dotLottie si vous disposez déjà d'animations Lottie et avez besoin d'états de survol, de clic ou en plusieurs étapes. Choisissez Rive si l'interaction est au cœur de la conception.
Comparaison côte à côte
Fonctions et capacités
| Critère | Lottie (dotLottie) | Rive | Avantage |
|---|---|---|---|
| Comment fonctionnent les États | États de lecture : lire, boucler ou maintenir un segment de la timeline | Couches de machines à états qui mélangent et fusionnent les animations | Rive |
| Entrées et événements | Entrées booléennes, numériques, chaînes et événements ; événements publiés à partir du code de l'application ; interactions cliquez et survolez | Entrées, événements et liaison de données pour afficher les modèles | Rive |
| Logique | Transitions avec conditions et actions de garde | Conditions, liaison de données et scripts Luau | Rive |
| Où vous le construisez | Lottie Creator (Web) ou JSON dans le manifeste .lottie | L'éditeur Rive (navigateur et bureau) | Égalité |
| Animations existantes | Ajoute des états aux fichiers Lottie que vous possédez déjà, y compris les exportations After Effects | Les animations sont réalisées dans Rive | Lottie (dotLottie) |
| Joueurs | React, JavaScript, Vue, Svelte, composant Web, React Native, Flutter, iOS, Android, C/C++ (MIT) | Web, React, React Native, iOS, Android, Flutter, C++, C# (MIT), ainsi que les guides Unity et Unreal | Égalité |
| Thématisation | Thèmes dynamiques pour les couleurs et les styles au moment de l'exécution | Grâce à la liaison de données | Égalité |
| Animation de personnages | Quel que soit le contenu de l'animation source | Os et maillages intégrés à l'éditeur | Rive |
| Coût d'expédition | Les joueurs sont gratuits et open source ; LottieFiles propose des forfaits gratuits et payants | Les exportations gratuites affichent un écran de démarrage Rive ; Le cadet (9 $ par siège, par mois et par an) le supprime | Lottie (dotLottie) |
Quand choisir Rive
- L'interaction est la conception : des personnages, des jeux ou des commandes qui répondent en permanence aux entrées.
- Vous souhaitez lier l'animation aux données d'une application en direct via des modèles de vue.
- Vous avez besoin d'os, de maillages ou d'un comportement scripté.
- Votre équipe travaille déjà dans l'éditeur Rive.
Quand choisir Lottie (dotLottie)
- Vous disposez déjà d'animations Lottie ou After Effects et souhaitez ajouter des états de survol, de clic ou en plusieurs étapes.
- Vos interactions consistent principalement à « jouer tel rôle, puis tel autre » lors d'un événement.
- Vous voulez des lecteurs open source sans frais d’exportation ni écran de démarrage.
- Vous avez besoin d'un thème d'exécution, tel que le mode sombre ou les couleurs de la marque, à partir d'un seul fichier.
Nous créons ExodeUI, une troisième option qui ajoute la disposition de l'interface utilisateur et la physique des ressorts aux machines à états. Pour une liste plus large, voir Alternatives à Rive
Réponses directes