HTML5 animation lag on large screen

[SsuChen]

Dear all,

I'm new to Adobe Animate, and I've recently made a 40 seconds 24-FPS animation using HTML5 Canvas for presentation at work.

The output is smooth on laptop, but when I open the webpage on large screen it becomes super laggy...

it's like the whole animation is played in slow motion on large screen.

I've tried combining layers together to see if it can solve the issue but didn't work, and I couldn't seem to find any options that can optimise the performance of the animation.

If anyone knows how to fix this please kindly advise me, any help is greatly appreciated!

Thanks in advance!

[kdmemory · Accepted solution]

Hi SsuChen

Adobe advises to use the Publish Setting => Export document as texture for animation performance reasons. Have you done that? And if so set the Resolution under image Settings to the highst value: 3.0.

Please let us know if this helps

Klaus

[SsuChen]

Dear Klaus,

Thank you for your reply!

I read about this method before, but somehow I couldn't find that option in my publish setting.

I did uncheck the Combine image assets into spiresheets option as instructed by Adobe Help but the export as texture option still didn't appear...

Any other thoughts?

Ssu

[kdmemory]

SsuChen,

which version of Animate are you using? The option to Export document  as texture was first available in Animate version 19.0.

Klaus

[SsuChen]

Dear Klaus,

Mine was Adobe Animate CC 2017, and after I updated to 2019 I saw the option!

Thank you so much for your help!!!!!!!!!

Ssu

[Nicktendo28]

Make sure it's not to big in size. The lower the MB, the better the smoothness.

[SsuChen]

I'll keep this is mind next time I make animations! Thank you!

[kdmemory]

you're welcome.

Klaus