Смотрите, что в Chrome завезли:

Lottie не поддерживает эффекты и экспрешены, но их можно превратить в ключи – это называется “запекать” анимацию (bake) Простой пример: Если у вас есть экспрешен loopOut("cycle"), нажмите ПКМ → Keyframe Assistance → Convert Expressions to Keyframes – в каждом кадре появится ключи, повторяющий анимацию экспрешена. Теперь такую анимацию можно использовать в Lottie. Существуют плагины, которые действуют как экспрешенны на параметре path, позволяя его изгибать, пускать волны или другие вторичные действия. Например, плагин Crazy Shapes позволяет создавать волны, изгибы, расстягивания на path, которую потом можно запечь. В гифке поста, тело медведя “растекается” благодаря эффекту waves on path. Вручную добиться такой плавности было бы сложно. ❗️ Минус запекания – увеличивается вес файла, так как ключи ставятся в каждом кадре. Решения этой проблемы: 1. Перед запеканием снизить FPS (например, до 12-30), а потом вернуть 60 – это уменьшит количество ключей, но снизит плавность. 2. Удалить лишние ключи вручную, оставив только нужные. 3. Стандартный инструмент smoother. Уменьшает количество ключей, сохраняя анимацию, но не работает на path. Это продвинутая техника, но не заменяет умение анимировать вручную. Инструменты важны, но главное – насмотренность и понимание, какого эффекта вы хотите достичь💪 Есть и другие плагины под разные задачи, Хороший пост про плагин Tilda для анимации волн. #анимация