Мы создаем приложение с использованием нативного React, целью которого является включение калейдоскопической анимации, созданной с помощью After Effects и Lottie. Визуально они очень простые — черные силуэты, которые вращаются. Вот пример:
Каждый сегмент калейдоскопа представляет собой замаскированную предварительную композицию AE, которая содержит собственные векторные формы After Effects, которые вращаются. Хотя это прекрасно воспроизводится на устройствах iOS, частота кадров на Android падает до менее 3 кадров в секунду, если вообще воспроизводится. В комментариях здесь предлагается избегать маскирующих слоев для повышения производительности.
- https://github.com/airbnb/lottie-android/blob/master/DESIGNER_NOTES.md
- Медленная анимация Лотти для Android
В идеале я бы объединил / свернул маску / путь к плоскому анимированному вектору, но я не могу найти способ сделать это в After Effects. Может ли кто-нибудь дать совет, как сгладить/объединить анимированные векторы с масками (или другой способ оптимизации для Лотти)?
Спасибо