Степан Михайлюк — Разбираемся в устройстве плееров анимаций на примере lottie-web (часть 2)

54 Просмотры
Издатель
Ближайшая конференция: HolyJS 2023 Autumn, 2–3 ноября (online), 11–12 ноября (offline, Санкт-Петербург)
Подробности и билеты: https://cutt.ly/Fwtp1eqJ
— —
Вероятно, вы уже пробовали Lottie или хотя бы слышали о нем. Использовать просто: экспортируем анимацию из Adobe After Effects в JSON, подключаем lottie-web, скармливаем ему полученный JSON-файл — и анимация появится на экране. Но как же работает эта магия?

На воркшопе разберемся в основах воспроизведения анимации: слои, трансформации, кейфреймы, кривые анимации. Разберем структуру lottie.json. А также посмотрим, что именно делает lottie-web и какие паттерны используют разработчики этой библиотеки.

На закуску рассмотрим, как можно использовать полученные знания для неочевидного применения Lottie.

Будет много картинок!
#js #lottie
Категория
Мистика
Комментариев нет.