I en tidigare artikel beskrev jag hur du enkelt kan integrera animationer från Adobe Animate till en webbplats med hjälp av en APNG-export. Det finns också det infödda sättet via HTML5 Canvas Export , men alla som redan har arbetat med det kommer att märka att det finns problem vid varje tur (otillräckligt responsivt stöd, besvärlig integrering i befintliga webbplatser, inga olika bildhastigheter per animation, etc.). Biblioteket adobe-animate-embed kan hjälpa till 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 .