Вбудуйте анімацію Adobe Animate вбудовано

У попередній статті я описав, як можна легко інтегрувати анімацію з Adobe Animate на веб-сайт за допомогою експорту APNG. Існує також рідний спосіб через HTML5 Canvas Export , але будь-хто, хто коли-небудь працював з ним, помітить, що проблеми виникають на кожному кроці (недостатня підтримка швидкої реакції, громіздка інтеграція в існуючі веб-сайти, відсутність різної частоти кадрів для анімації тощо). Тут може допомогти бібліотека adobe-animate-embed .


Спочатку ви створюєте новий проект і вибираєте тип "Полотно HTML5":

Потім ви публікуєте проект зі стандартними налаштуваннями публікації:

Тепер ви інтегруєте бібліотеку adobe-animate-embed і відтворюєте анімацію в елементі DOM:

3ad3cc9d9915693d69583124699f1a2b

Ще багато прикладів та варіантів доступні в бібліотечній документації .

Назад