В предыдущей статье я описал, как можно легко интегрировать анимацию из Adobe Animate в веб-сайт с помощью экспорта APNG. Существует также собственный способ экспорта холста HTML5 , но любой, кто уже работал с ним, обнаружит, что он застревает на каждом углу (недостаточная адаптивная поддержка, громоздкая интеграция в существующий веб-сайт, отсутствие разной частоты кадров для каждой анимации, и т. д.).). Библиотека adobe-animate-embed предлагает здесь исправление.
Сначала вы создаете новый проект и выбираете тип «HTML5 Canvas».:
Затем вы публикуете проект со стандартными настройками публикации.:
Теперь вы интегрируете библиотеку adobe-animate-embed и воспроизводите анимацию в элементе DOM.:
3ad3cc9d9915693d69583124699f1a2b
Многие другие примеры и варианты доступны в документации библиотеки.