Outil d'animation Lottie v6.5.2

Lottie Animation Tool est une bibliothèque mobile pour Android et iOS qui utilise Bodymovin pour analyser les animations Adobe After Effects exportées au format json et les restituer de manière native sur les appareils mobiles !

Lottie permet aux ingénieurs de créer plus facilement des effets d'animation plus riches sans réécrire le code. Avec Lottie, vous n'avez plus besoin d'utiliser l'animation Gif pour montrer l'effet.

Actuellement, Lottie prend en charge le découpage de chemin, le masquage, le recouvrement et d'autres opérations. Il existe également un mécanisme de mise en cache en option pour un chargement plus rapide des éléments fréquemment utilisés. L'objectif de cette application est d'aider les développeurs et les animateurs à créer plus facilement des animations pour leurs applications, améliorant ainsi le facteur d'interactivité global.

Avantages du lotie

La solution de Lottie consiste pour le concepteur à créer l'animation, à l'exporter au format JSON et à la lire sur le front-end. Par conséquent, l’avantage d’utiliser le système Lottie est que

1. L'animation est réalisée par le concepteur à l'aide de l'outil de production d'animation professionnel Adobe After Effects, ce qui rend la mise en œuvre de l'animation plus pratique et l'effet d'animation est meilleur ;

2. Le frontal peut facilement appeler des animations et contrôler des animations, réduisant ainsi la charge de travail des animations frontales ;

3. Concevoir et produire des animations, afficher des animations sur le front-end, les professionnels font des choses professionnelles et la division du travail est raisonnable ;

4. L’exposition du vendeur est l’exposition de l’acheteur, et le niveau de restauration est de 100 % ;

5. En utilisant la solution lottie, la taille du fichier json sera beaucoup plus petite que celle du fichier gif et les performances seront meilleures.

Pas assez de lotie

L'utilisation du système Lottie présente les inconvénients suivants

1. Le fichier lottie-web lui-même est encore relativement volumineux. La taille de lottie.js est de 513 Ko, et après compression, la taille est de 39 Ko. Par conséquent, vous devez faire attention au chargement de lottie-web. Actuellement, les projets H5 ont des packages hors ligne et les projets PC seront également téléchargés sur PWA, qui seront mis en cache pour garantir la vitesse de chargement.

2. L'animation Lottie peut en fait être comprise comme une animation svg/animation sur toile et ne peut pas ajouter d'effets d'animation au HTML existant ;

3. L'exportation des fichiers json d'animation exporte actuellement les paramètres dans AE dans le contenu json un par un. Si le concepteur crée beaucoup de calques, il peut toujours y avoir un problème de fichiers json relativement volumineux (20 Ko). Les concepteurs sont tenus de suivre certaines normes.

4. Il existe un très petit nombre d'effets d'animation AE que Lottie ne peut pas implémenter. Certains sont dus à des problèmes de performances, et d'autres ne sont pas réalisés. Par exemple : animation de trait, etc.