Animation stops playing before the end when in preview or published on Animate CC

[-ppix27051104215q]

Hello, I made a simple animation to be published on a website using Adobe Animate CC. I'm not a pro and it's my first time ever using this program. When I play it inside Animate it plays until the end, if I export it to a video file it plays until the end of the timeline, but when I try to preview it or even publish it in HTML5 Canvas, it stops playing before the end of the timeline and I'm not figuring out why.

Can somebody help me understand what I'm missing and what should I do to be able to publish it so that it plays until the end of the timeline?

[JoãoCésar]

Hi.

Do you want the output to be video only or do you want it to be interactive? If it's the second option, can you show us your timeline and/or code?

Regards,
JC

[-ppix27051104215q]

Hello JC, thank you for your quick reply. I'd want the output to be interactive; I'm going to attach a screensot of my timeline (the only action I added to it is a stop(); command on the last frame because I'd like the animation to stop at the end of the timeline) along with the code generated when I export it to HTML5 Canvas. The animation is 242 frames long but when I test it or I publish it it stops playing at frame 152.

[kglad]

@-ppix27051104215q 

please don't use duplicate threads. 

open your developer console when testing in your browser from animate and look for errors.

lesson 1 - https://youtu.be/PBDQN9CQSeI

lesson 2 - https://youtu.be/KJEl0OenGUY

[-ppix27051104215q]

Hi kglad, sorry for the duplicate thread, I created it for error in the wrong section so I reposted here because I thought that wouldn't be done by you and I wansn't able to find a way to delete the original one.

I tried to open the developer console on my browser when testing, and I attach a screenshot.

[kglad]

are you testing from within animate (control>test movie>in browser), which i don't think would trigger those errors.

or are you trying to open the published html file on your local computer (which is expected to cause that cross-domain problem)?

[-ppix27051104215q]

Yes, I'm testing from within animate, through control>test movie>in browser.

[kglad]

create a new canvas test file and test. check console.  any difference between the empty test and the console you showed?

[-ppix27051104215q]

Even with a new and blank canvas test file it keeps showing the same things within console when i try to test.

[kglad]

upload your fla to a file server that fails to play completely, and post a link.

[-ppix27051104215q]

Ok, here they are:

https://animationtest24.000webhostapp.com/Circuitry%20tree.html

https://animationtest24.000webhostapp.com/Circuitry%20tree.fla

[kglad]

you have an error on your last frame:

stop();

should be:

this.stop();

but the main problem (i think) is that mask.  just use a simple shape that tweens to reveal you graphic.

[kglad]

eg, https://www.kglad.com/Files/forums/circuitry_tree.html

[-ppix27051104215q]

Can you please share the .fla file too for this animation? I'm a total noob with Animate and I don't know how do that using tweens

[kglad]

sure.

i'll do that when i'm back at my computer.

[-ppix27051104215q]

Thank you very much, kglad!

[kglad]

sure.

[kglad · Accepted solution]

@-ppix27051104215q 

https://www.kglad.com/Files/forums/ct_v000.fla

[-ppix27051104215q]

Now you made my day 🙂 Thanks alot again, my friend!!!!

[kglad]

you're very welcome.

[kglad]

btw,

your animation of the tree and roots looks more like an expanding oval instead of an expanding rectangle (like i used).  if you prefer the oval look, just change that tweening rectangle to a tweening oval.

[-ppix27051104215q]

Of course I will give it a try

[-ppix27051104215q]

I just did it and it's got definetly a better look.

[kglad]

excellent to hear!