Lottie — это формат файла анимации на основе JSON, который позволяет дизайнерам создавать анимацию для любой платформы так же легко, как и обычную статическую графику. Это небольшие файлы, которые работают на любом устройстве и могут увеличиваться или уменьшаться без пикселизации.
Как использовать Лотти?
Это проще, чем вы думаете, с помощью LottieFiles вы можете импортировать и просматривать свою анимацию Lottie, а также генерировать строки кода, которые вы можете использовать для реализации анимации в своих проектах. Кроме того, вы также можете загрузить анимацию Lottie в любой свой проект на любой платформе.
Где использовать Lottie?
Вы можете использовать Lotties практически на любой платформе: в Интернете или на мобильных устройствах. Это означает, что вы можете легко интегрировать анимацию как в приложения, так и в веб-страницы. Анимации Lottie можно даже использовать в качестве стикеров в Telegram. Технически этот формат не ограничен веб-сайтами и мобильными устройствами.
Что может Lottie?
Анимация Lottie может воспроизводить вашу векторную анимацию в Интернете или на мобильных устройствах, сохраняя при этом идеальное качество. Он также может иметь интеллектуальные настройки, которые позволяют сделать вашу анимацию интерактивной. Это значит анимация может реагировать на события.
Насколько Lottie массивный?
На картинке справа мы визуализировали разницу между форматами, для вашего представление.
Если PNG — это T-Rex, а GIF — это слон, то Lottie — это щенок. Размер файла Lottie значительно увеличивает скорость загрузки и уменьшает объем используемого дискового пространства.
1.
Lottie мультиплатформенный. Вы можете использовать файлы Lottie на iOS, Android, в Интернете и React Native без изменений, как есть.
2.
Lottie не зависит от разрешения и масштабируется во время выполнения.
3.
Размер файла очень маленький.
4.
Позволяет создавать высококачественную анимацию на различных платформах и разрешениях, смешивая векторные и растровые элементы и применяя преобразования во время выполнения.
3.
Даёт возможность редактировать параметры анимации и её элементы, добавляя интерактивность прямо во время проигрывания.
Более подробно вы можете почитать в нашей статье о использовании Lottie.
Лотти получила своё название от Шарлотты «Лотта» Райнингер, немецкого кинорежиссёра и выдающегося пионера силуэтной анимации.