Ferramenta de animação Lottie v6.5.2

Lottie Animation Tool é uma biblioteca móvel para Android e iOS que usa Bodymovin para analisar animações do Adobe After Effects exportadas em formato json e renderizá-las nativamente em dispositivos móveis!

Lottie torna mais fácil para os engenheiros criarem efeitos de animação mais ricos sem reescrever o código. Com Lottie você não precisa mais usar animação Gif para mostrar o efeito.

Atualmente, Lottie suporta corte de caminho, mascaramento, cobertura e outras operações. Há também um mecanismo de cache opcional para carregamento mais rápido de itens usados ​​com frequência. O objetivo deste aplicativo é ajudar desenvolvedores e animadores a criar animações para seus aplicativos com mais facilidade, melhorando assim o fator geral de interatividade.

Vantagens da loteria

A solução de Lottie é o designer criar a animação, exportá-la para json e reproduzi-la no front end. Portanto, a vantagem de usar o esquema Lottie é que

1. A animação é realizada pelo designer utilizando a ferramenta profissional de produção de animação Adobe After Effects, o que torna a implementação da animação mais conveniente e o efeito da animação é melhor;

2. O front-end pode facilmente chamar animações e controlá-las, reduzindo a carga de trabalho das animações do front-end;

3. Projetar e produzir animações, exibir animações no front-end, os profissionais fazem coisas profissionais e a divisão do trabalho é razoável;

4. A exposição do vendedor é a exposição do comprador e o nível de restauração é de 100%;

5. Usando a solução lottie, o tamanho do arquivo json será muito menor que o arquivo gif e o desempenho será melhor.

Lottie insuficiente

Usar o esquema Lottie tem as seguintes desvantagens

1. O arquivo lottie-web em si ainda é relativamente grande. O tamanho do lottie.js é 513k e é 144k após a compactação, o tamanho é 39k. Portanto, você precisa prestar atenção ao carregamento do lottie-web. Atualmente, os projetos H5 possuem pacotes offline, e os projetos de PC também serão carregados no PWA, que será armazenado em cache para garantir a velocidade de carregamento.

2. A animação Lottie pode, na verdade, ser entendida como animação SVG/animação em tela e não pode adicionar efeitos de animação ao HTML existente;

3. A exportação de arquivos json de animação atualmente exporta os parâmetros em AE para o conteúdo json, um por um. Se o designer criar muitas camadas, ainda poderá haver um problema de arquivos json relativamente grandes (20kb). Os designers são obrigados a seguir certas normas.

4. Há um número muito pequeno de efeitos de animação AE que Lottie não consegue implementar. Alguns são devido a problemas de desempenho e outros não são executados. Por exemplo: animação de traços, etc.