Разбираемся в устройстве плееров анимаций на примере lottie-web (часть 1)

Вероятно, вы уже пробовали Lottie или хотя бы слышали о нем. Использовать просто: экспортируем анимацию из Adobe After Effects в JSON, подключаем lottie-web, скармливаем ему полученный JSON-файл — и анимация появится на экране. Но как же работает эта магия?

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

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

Будет много картинок!