NEW137599
requestanimationframe + hardware acceleration gives jumpy animations 
https://bugs.webkit.org/show_bug.cgi?id=137599
Summary requestanimationframe + hardware acceleration gives jumpy animations
Koen Bok
Reported 2014-10-10 02:00:55 PDT
When you combine requestanimationframe with hardware acceleration (translate3d), animations get all jumpy. Some other observations: - When you trigger a paint every frame (somewhere on the page) things get smooth again - When you use 2d transforms it's a little better - Something like requestanimationframe(function() {setTimeout(draw, 0)}) seems to work the best for now Example: http://jsfiddle.net/ux3rqce0/5/ I'm using the latest Yosemite GM Safari Version 8.0 (10600.1.25) and I think iOS8 has the same problem although it's harder to observe on retina. On 10.9, everything seems to be OK.
Attachments
Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2014-10-10 08:46:28 PDT
<rdar://problem/18610523>
Note You need to log in before you can comment on or make changes to this bug.