Integrera Adobe Animate-animationer naturligt

I en tidigare artikel beskrev jag hur man enkelt kan integrera animationer från Adobe Animate till en webbplats via omvägen till en APNG-export. Det finns också det inhemska sättet via HTML5-kanvasexporten , men den som redan har arbetat med den kommer att upptäcka att den sitter fast vid alla vinklar och kranar (otillräckligt responsivt stöd, besvärlig integration i en befintlig webbplats, inga olika bildhastigheter per animation, etc.).). Biblioteket adobe-animate-embed ger ett botemedel här.


Först skapar du ett nytt projekt och väljer typen "HTML5 Canvas":

Sedan publicerar du projektet med standardpublikationsinställningarna:

Nu integrerar du biblioteket adobe-animate-embed och spelar animeringen i ett DOM-element:

3ad3cc9d9915693d69583124699f1a2b

Många fler exempel och alternativ finns i biblioteket dokumentation .

Tillbaka