What is the latest method to use adobe animate in a Webflow project

Design help Custom code
1

I’ve been struggling to figure out how to play my interactive HTML 5 animation in my Webflow site. Now once I made it I Found that my code is to long, That’s fine I just hosted it through a GitHub repository.

Then I encountered another problem I Couldn’t run the JavaScript properly. That’s fine, I learned that I should add all the CSS and JavaScript from the HTML file in the Settings > Footer Code and Delete everything in the embed component except the lines starting with: <div id=“animation_container” …Ending with this lines: (Thank you Samuel Liew for helping me figure that out.)

Now everything should be running properly but no, It Seems for some reason that the images aren’t loading in And I have no Idea even how to add them

Here is my site Read-Only: https://preview.webflow.com/preview/ntamo-technologies?utm_medium=preview_link&utm_source=designer&utm_content=ntamo-technologies&preview=a0a4acb5778245902827515c724a21f6&pageId=60373c9d82639c71a3ecbfab&mode=preview

Here is the live site review. the animation should Play over the video
http://https://ntamo-technologies.webflow.io/home

Here is the Original Animation From Adobe Animate
https://drive.google.com/drive/folders/1bJ5Knd5hz4kGOi3yuN-ZfFvA4YNc9bPW?usp=sharing

2

Hi Michael, did you have any luck? Currently I use i-frames to implement adobe animate projects to my webflow site. But there are some downsides to using i-frames. The plus side is that it is really easy to implement.

I like to implement Adobe Animate projects right to my webflow sites for better performance. Did you found a way?