Intégrer nativement les animations Adobe Animate

Dans un article précédent, j'ai décrit comment on peut facilement intégrer des animations d' Adobe Animate dans un site Web via le détour d'un export APNG. Il existe également la méthode native via l' export HTML5 canvas , mais quiconque a déjà travaillé avec elle trouvera qu'elle est bloquée dans tous les coins et recoins (support réactif insuffisant, intégration lourde dans un site Web existant, pas de fréquences d'images différentes par animation, etc.) .). La bibliothèque adobe-animate-embed fournit ici un remède.


Commencez par créer un nouveau projet et choisissez le type "HTML5 Canvas":

Ensuite, vous publiez le projet avec les paramètres de publication standard:

Maintenant, vous intégrez la bibliothèque adobe-animate-embed et lisez l'animation dans un élément DOM:

3ad3cc9d9915693d69583124699f1a2b

De nombreux autres exemples et options sont disponibles dans la documentation de la bibliothèque.

Retour