In een vorig artikel beschreef ik hoe je eenvoudig animaties uit Adobe Animate kunt integreren in een website met behulp van een APNG-export. Er is ook de native manier via HTML5 Canvas Export , maar wie er al mee heeft gewerkt zal merken dat er bij elke beurt problemen zijn (onvoldoende responsieve ondersteuning, omslachtige integratie in bestaande websites, geen verschillende framerates per animatie, etc.). De bibliotheek adobe-animate-embed kan hierbij helpen.
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 .