In een vorig artikel heb ik beschreven hoe je eenvoudig animaties uit Adobe Animate kunt integreren in een website via de omweg van een APNG-export. Er is ook de native manier via de HTML5 canvas export , maar iedereen die er al mee heeft gewerkt zal merken dat het in alle hoeken en gaten vastloopt (onvoldoende responsieve ondersteuning, omslachtige integratie in een bestaande website, geen verschillende framesnelheden per animatie, enz.) .). De bibliotheek adobe-animate-embed biedt hier een oplossing.
Eerst maak je een nieuw project aan en kies je het type "HTML5 Canvas":
Vervolgens publiceert u het project met de standaard publicatie-instellingen:
Nu integreer je de bibliotheek adobe-animate-embed en speel je de animatie af in een DOM-element:
3ad3cc9d9915693d69583124699f1a2b
Veel meer voorbeelden en opties zijn beschikbaar in de bibliotheek documentatie .