In un precedente articolo ho descritto come è possibile integrare facilmente animazioni da Adobe Animate in un sito Web tramite la deviazione di un'esportazione APNG. C'è anche il modo nativo tramite l' esportazione tela HTML5 , ma chiunque abbia già lavorato con esso scoprirà che è bloccato in ogni angolo (supporto reattivo insufficiente, integrazione ingombrante in un sito Web esistente, nessun frame rate diverso per animazione, ecc.) .). La libreria adobe-animate-embed fornisce un rimedio qui.
Per prima cosa crei un nuovo progetto e scegli il tipo "HTML5 Canvas":
Quindi pubblichi il progetto con le impostazioni di pubblicazione standard:
Ora integri la libreria adobe-animate-embed e riproduci l'animazione all'interno di un elemento DOM:
3ad3cc9d9915693d69583124699f1a2b
Molti altri esempi e opzioni sono disponibili nella documentazione della libreria.