Highlighted

HTML5 animation lag on large screen

New Here ,
May 06, 2019

Copy link to clipboard

Copied

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!

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

TOPICS
Discussions

Views

483

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

HTML5 animation lag on large screen

New Here ,
May 06, 2019

Copy link to clipboard

Copied

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!

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

TOPICS
Discussions

Views

484

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
May 06, 2019 0
Advocate ,
May 06, 2019

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
May 06, 2019 1
New Here ,
May 06, 2019

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
May 06, 2019 0
Advocate ,
May 06, 2019

Copy link to clipboard

Copied

SsuChen,

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

Klaus

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
May 06, 2019 1
New Here ,
May 08, 2019

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
May 08, 2019 0
Adobe Community Professional ,
May 06, 2019

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
May 06, 2019 1
New Here ,
May 08, 2019

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
May 08, 2019 0
kdmemory LATEST
Advocate ,
May 09, 2019

Copy link to clipboard

Copied

you're welcome.

Klaus

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
May 09, 2019 0