Skip to main content
SsuChen
Participant
May 6, 2019
Answered

HTML5 animation lag on large screen

  • May 6, 2019
  • 2 replies
  • 1902 views

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!

This topic has been closed for replies.
Correct answer kdmemory

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

2 replies

Community Expert
May 6, 2019

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

SsuChen
SsuChenAuthor
Participant
May 9, 2019

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

kdmemory
Inspiring
May 9, 2019

you're welcome.

Klaus

kdmemory
kdmemoryCorrect answer
Inspiring
May 6, 2019

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
SsuChenAuthor
Participant
May 6, 2019

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
Inspiring
May 6, 2019

SsuChen,

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

Klaus