Skip to main content
T
The-Whykiki
Participant
May 7, 2018
Question

Animate CC/ Create JS: Performance on Chrome -> Apple

  • May 7, 2018
  • 1 reply
  • 1005 views

Hello guys,

I'm ivestigating in a problem where I cannot find a solution. I made some expensive animations in Animate and exported them for HTML5-Canvas with CreateJS. Everything is working fine on nearly all browsers. But in a Skype-Meeting with my colleague in Hamburg I saw that the performance of my canvas animation was terrible on her machine. The framerate dropped from 24fps to 2-4 fps.
The animation is not properly working on apple with chrome. But only on apple with chrome....so at first I thought my expensive animation is causing the trouble....

So at first I converted all my vectors to bitmaps, tried to match the stage size in format 4/3 (actually 1920x1440) and also after all that, I removed every single element step for step to test which one causes the performance lag....
But then I found out, that it is even framedropping if  only use simple rectangles.

So I built a example file, which you can find here:

Anmate CC / Create JS Performance - JSFiddle

On my machine, a Windows 10, Chrome 66.0.3359.139 everything is working fine. The rectangle rotates smooth.

My colleague uses a iMac 3,3 Ghz, i5, with Chrome 66.0.3359.139. Here framerate of the rotation drops extremely, the playback of the animation is stuttering, the framerate drops from 24fps down to 3fps or even lower.

Why is the animation lagging or the perfomance on mac is dropping down??? Do you have any ideas how to solve this problem??

This topic has been closed for replies.

1 reply

Joseph Labrecque
Community Expert
Joseph LabrecqueCommunity Expert
Community Expert
May 7, 2018

It could simply be that her hardware is underpowered, but from your example it seems there is something else going on here...

[ the example runs smooth in Chrome on my MacBook (2016) ]

T
The-WhykikiAuthor
Participant
May 7, 2018

We tested on her machine with other browsers....and with them everything works properly.
But I also found out, that on apple machines all animations seem to run slower than on windows machines.

In this next test case

Test case animation​

The animation on a Windows 10 machine seems a little bit to fast. When I preview on a mac or on my iPad the animation seems way to slow. I would say maybe up to 10 times slower than on a win machine.

So where's the main difference????

Edit: We recorded the screen and show you the results of chrome and safari at the same time on the same machine :-)

http://kunden.whykiki.rocks/AnimateProblem.mp4

T
The-WhykikiAuthor
Participant
May 7, 2018

So we investigated a little deeper and found out, that my colleague runs El Capitan 10.11.6.
So she has an outdated system...10.11.6 El Capitan

With this older system and a older version of chrome (61, 64...) everything works fine. The stuttering and slow performance occurs only on El Capitan and the 65er version of chrome.

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices