Natywna integracja animacji Adobe Animate

W poprzednim artykule opisałem, jak łatwo zintegrować animacje z Adobe Animate ze stroną internetową za pomocą eksportu APNG. Istnieje również natywny sposób poprzez HTML5 Canvas Export , ale każdy, kto już z nim pracował, zauważy problemy na każdym kroku (niewystarczająca responsywna obsługa, uciążliwa integracja z istniejącymi stronami internetowymi, brak różnych szybkości klatek na animację itp.). Pomocna może być tutaj biblioteka adobe-animate-embed .


Najpierw tworzysz nowy projekt i wybierasz typ „HTML5 Canvas”:

Następnie publikujesz projekt ze standardowymi ustawieniami publikacji:

Teraz integrujesz bibliotekę adobe-animate-embed i odtwarzasz animację w elemencie DOM:

3ad3cc9d9915693d69583124699f1a2b

Dużo więcej przykładów i opcji jest dostępnych w dokumentacji biblioteki.

Plecy