Herramienta de animación Lottie v6.5.2

Lottie Animation Tool es una biblioteca móvil para Android e iOS que utiliza Bodymovin para analizar animaciones de Adobe After Effects exportadas en formato json y renderizarlas de forma nativa en dispositivos móviles.

Lottie facilita a los ingenieros la creación de efectos de animación más ricos sin tener que reescribir el código. Con Lottie ya no necesitas usar animación Gif para mostrar el efecto.

Actualmente, Lottie admite operaciones de recorte, enmascaramiento, cobertura y otras operaciones. También hay un mecanismo de almacenamiento en caché opcional para una carga más rápida de elementos utilizados con frecuencia. El objetivo de esta aplicación es ayudar a los desarrolladores y animadores a crear animaciones para sus aplicaciones más fácilmente, mejorando así el factor de interactividad general.

Ventajas de la lotería

La solución de Lottie es que el diseñador cree la animación, la exporte a json y la reproduzca en el front-end. Por lo tanto, la ventaja de utilizar el esquema Lottie es que

1. La animación la realiza el diseñador utilizando la herramienta de producción de animación profesional Adobe After Effects, lo que hace que la implementación de la animación sea más conveniente y el efecto de la animación sea mejor;

2. El front-end puede llamar y controlar animaciones fácilmente, lo que reduce la carga de trabajo de las animaciones del front-end;

3. Diseñar y producir animaciones, mostrar animaciones en el front-end, los profesionales hacen cosas profesionales y la división del trabajo es razonable;

4. La exhibición del vendedor es la exhibición del comprador y el nivel de restauración es del 100%;

5. Con la solución lottie, el tamaño del archivo json será mucho más pequeño que el archivo gif y el rendimiento será mejor.

No es suficiente

El uso del esquema Lottie tiene las siguientes desventajas

1. El archivo lottie-web en sí todavía es relativamente grande. El tamaño de lottie.js es 513k y después de la compresión es 144k, el tamaño es 39k. Por lo tanto, debes prestar atención a la carga de lottie-web. Actualmente, los proyectos H5 tienen paquetes fuera de línea y los proyectos de PC también se cargarán en PWA, que se almacenará en caché para garantizar la velocidad de carga.

2. La animación Lottie en realidad puede entenderse como animación svg / animación de lienzo y no puede agregar efectos de animación al html existente;

3. La exportación de archivos json de animación actualmente exporta los parámetros en AE al contenido json uno por uno. Si el diseñador crea muchas capas, aún puede haber un problema con archivos json relativamente grandes (20 kb). Los diseñadores deben seguir ciertas normas.

4. Hay una cantidad muy pequeña de efectos de animación AE que Lottie no puede implementar. Algunos se deben a problemas de rendimiento y otros no se realizaron. Por ejemplo: animación de trazo, etc.