Natywna integracja animacji Adobe Animate

W poprzednim artykule opisałem, jak można łatwo zintegrować animacje z Adobe Animate ze stroną internetową za pomocą objazdu eksportu APNG. Istnieje również sposób natywny poprzez eksport płótna HTML5 , ale każdy, kto już z nim pracował, przekona się, że utknął w każdym zakamarku (niewystarczająca obsługa responsywna, kłopotliwa integracja z istniejącą stroną internetową, brak różnych szybkości klatek na animację, itp.) .). Biblioteka adobe-animate-embed zapewnia tutaj lekarstwo.


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