Как экспортировать анимацию из AE в json?

Question

[jeannegrau]

Есть простейшая анимация флага в AE. Однотонная плашка + текст, на все наложен эффект Wave Warp.
При экспорте через Bodymovin в json оказалось, что экспортировать эффекты невозможно.

Советуют сделать Auto Trace, но я видимо что-то неправильно делаю, экспорт все равно некорректный.
Что делать? Есть альтернативы экспорта или возможные ошибки при трассировке?

Comments

[Николай Чуприк]

Я не спец, но очень интересно. Не шарю, поэтому спрошу. Эффекты в SVG — это JS, ну или хотя CSS, как их можно описать в JSON?

[jeannegrau]

Николай Чуприк, плагин bodymovin для AE создает json файл из анимации, затем Lottie от airbnb берет этот json файл для воспроизведения

[Николай Чуприк]

jeannegrau, о как! Спасибо. Правда, мог бы и сам догадаться, что здесь ванилью не обойдёшься.

[Олег]

Николай Чуприк, Three.js
ObjectLoader

https://github.com/mrdoob/three.js/wiki/JSON-Objec...

[Николай Чуприк]

Олег, да, спасибо, я пишу с использованием Three.js, но там импорт только самих объектов, но не анимации.

Answer 1

[Dmytro Korolkov]

Wave Warp не работает в при экспорте в Lottie ☝️ .
Auto Trace - это хорошее решение, так как будут создаваться отдельные шейповые кадры.
Но нужно тонко настроить Auto Trace, так как это автоматический процесс.
Делал проект с флагом на Lottie, решение было использовать флаг большого разрешения - тогда Auto Trace лучше подхватывает волны, а затем уменьшить композицию, если надо.