Экспорт web-анимации (Lottie)
Last updated
Last updated
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 не предоставляет такой возможности.