Экспорт web-анимации (Lottie)

Synfig Studio может экспортировать анимацию в формат Lottie JSON, что позволяет встраивать ее в веб-страницы, воспроизводить в веб-браузере и на мобильных платформах. Этот формат также используется для создания анимированных стикеров Telegram!

— Чтобы запустить рендеринг, нужно щекнуть на кнопку “вызова диалогового окна параметров визуализации”.

После чего откроется диалог "параметры визуализации".

В настоящее время он способен экспортировать большинство основных графических элементов с анимацией и некоторыми конвертерами, примененными к их параметрам (см. подробный список поддерживаемых слоев и параметров на этой странице).

Экспорт web-анимации

Чтобы экспортировать файл анимации, выберите в меню «Плагины» — «Экспорт в Lottie». Это позволит экспортировать открытый в данный момент файл в формат Lottie.

После экспорта у вас будет 3 файла в том же каталоге, что и ваша анимация: FILE.html, FILE.json и FILE.log.

• FILE.json — это основной файл, в котором находится анимация формата Lottie. Используйте его, если хотите встроить анимацию на какую-нибудь веб-страницу. Вот пример реализации на codepen.io. Файл FILE.json можно воспроизводить напрямую с помощью сайта lottiefiles.com.

• FILE.html — можно использовать для просмотра экспортированной анимации в браузере, таком как Firefox или Google Chrome.

• FILE.log — хранятся все сообщения/ошибки, возникшие во время экспорта. Если слой не поддерживается, об этом будет сообщено в этом файле.

Ограничения:

• Экспорт анимации костей (скелетов) пока не реализован.

• Такие слои, как область, контур и многоугольник, экспортируются покадрово, поскольку Лотти не предлагает точной альтернативы, и, следовательно, анимация может отставать на больших дисплеях.

• Анимация добавления/удаления точек сплайна не поддерживается, поскольку формат Lottie не предоставляет такой возможности.