Инструмент анимации Lottie v6.5.2

Lottie Animation Tool — это мобильная библиотека для Android и iOS, которая использует Bodymovin для анализа анимации Adobe After Effects, экспортированной в формате json, и ее естественной визуализации на мобильных устройствах!

Lottie позволяет инженерам создавать более сложные анимационные эффекты без переписывания кода. С Lottie вам больше не нужно использовать Gif-анимацию, чтобы показать эффект.

В настоящее время Lottie поддерживает обрезку, маскирование, покрытие и другие операции пути. Существует также дополнительный механизм кэширования для более быстрой загрузки часто используемых элементов. Цель этого приложения — помочь разработчикам и аниматорам легче создавать анимацию для своих приложений, тем самым улучшая общий коэффициент интерактивности.

Преимущества лотереи

Решение Лотти состоит в том, чтобы дизайнер создал анимацию, экспортировал ее в json и воспроизвел на внешнем интерфейсе. Таким образом, преимущество использования схемы Лотти состоит в том, что

1. Анимация реализуется дизайнером с использованием профессионального инструмента создания анимации Adobe After Effects, что делает реализацию анимации более удобной и анимационный эффект лучше;

2. Интерфейсная часть может легко вызывать анимацию и управлять ею, что снижает нагрузку на фронтальную анимацию;

3. Разрабатывать и создавать анимацию, отображать анимацию на интерфейсе, профессионалы делают профессиональные вещи, разделение труда разумно;

4. Выставка продавца является выставкой покупателя, а уровень восстановления составляет 100%;

5. Используя решение лотереи, размер файла JSON будет намного меньше, чем файл GIF, а производительность будет выше.

Недостаточно лотереи

Использование схемы Лотти имеет следующие недостатки.

1. Сам файл лоттие-web по-прежнему относительно велик. Размер лоттие.js составляет 513 КБ, а после сжатия он составляет 144 КБ. Поэтому нужно обратить внимание на загрузку лотти-веб. В настоящее время проекты H5 имеют офлайн-пакеты, а проекты для ПК также будут загружаться в PWA, который будет кэшироваться для обеспечения скорости загрузки.

2. Анимацию Лотти на самом деле можно понимать как SVG-анимацию/холстовую анимацию, и в нее нельзя добавлять анимационные эффекты в существующий HTML-код;

3. Экспорт файлов анимации json в настоящее время экспортирует параметры в AE в контент json один за другим. Если дизайнер создает много слоев, все равно может возникнуть проблема с относительно большими файлами json (20 КБ). Дизайнеры обязаны следовать определенным нормам.

4. Лотти не может реализовать очень небольшое количество эффектов анимации AE. Некоторые из них связаны с проблемами производительности, а некоторые еще не реализованы. Например: анимация штрихов и т. д.