How to rid animation stutter on images?
I'm having unacceptable stuttering problems with animated images.
300x600a – Bad stuttering:
Watch and see the stuttering. It's especially bad as the 3rd image comes to a rest.
300x600b – Fixed-ish, but via a poor technique:
Watch and see that the stuttering is mostly gone. I did this by changing the scale of the photos from 100% to 100.1%. While this trick fixes the stuttering, we're left with a slightly fuzzy photo and displeased clients.
Download files here.
Before suggestions are made that I need to replace the createjs.Ticker code with the RAF_SYNCHED code. I've already done that. (See the find/replace below if you're unfamiliar with this as it will improve your animations.)
If a contest was held titled "Who Creates the Smoothest Animation", Animate's canvas animations will lose to animations made by hand-coded, GSAP or GoogleWebDesigner. My guess is because those don't use createjs or canvas?
Stuttering has long been an issue in Animate and I think it should be addressed.
Thanks to anyone who can help!
----------------------
FIND
stage.addChild(exportRoot);
createjs.Ticker.setFPS(lib.properties.fps);
REPLACE
stage.addChild(exportRoot);
createjs.Ticker.timingMode = createjs.Ticker.RAF_SYNCHED;
createjs.Ticker.setFPS(lib.properties.fps);
