Integrate Adobe Animate animations natively

In a previous article I described how one can easily integrate animations from Adobe Animate into a website via the detour of an APNG export. There is also the native way via the HTML5 canvas export , but anyone who has already worked with it will find that it is stuck at all corners (insufficient responsive support, cumbersome integration into existing websites, no different frame rates per animation, etc.) .). The library adobe-animate-embed provides a remedy here.

First you create a new project and select the "HTML5 Canvas" type:

Then you publish the project with the standard publication settings:

Now you integrate the library adobe-animate-embed and play the animation within a DOM element:


Many more examples and options are available in the library documentation .