Animation not showing on page

[bibixx]

Discussed in https://github.com/bibixx/react-adobe-animate/discussions/64

🤔 It seems as though Adobe has changed the output file format yet again. What version of Adobe Animate have you used to generate the JS and html files?

^{Originally posted by bigbadbrad August 11, 2021} Hi, I have the example running locally. I added an elephant animation which comes with Animate. I exported it as html canvas and added it to public. I updated index with: and I call it in App.js:

 <AnimateCC
    animationName="elephant"
    getAnimationObject={getAnimationObject}
    paused={paused}
  />

animations.zip

But it isn't rendering. I read the documentation but cannot figure out what I'm missing. Attached are the assets. thx!

[bigbadbrad]

ah oh - I am using a 2017 release of Animate - 16.0.1. I'll upgrade and see if that fixes it. I assume I simply Publish my .fla as html/javascript format?

[bibixx]

Oh so it is an older format. This most probably is the issue. And yes you have to simply publish the .fla file as HTML/JS format. Please let me know if this helps

[bigbadbrad]

OK I upgraded Animate to 21.0.7

Go into Animate Choose New from Template Under Html5 Canvas Choose Sample Animation Publish it and add the elephant.js to public Add elephant.js to index.html Call in App.js: <AnimateCC animationName="elephant" getAnimationObject={getAnimationObject} paused={paused} /> and get the error

[bigbadbrad]