Bug 137599 - requestanimationframe + hardware acceleration gives jumpy animations
Summary: requestanimationframe + hardware acceleration gives jumpy animations
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: 525.x (Safari 3.2)
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL: http://jsfiddle.net/ux3rqce0/5/
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2014-10-10 02:00 PDT by Koen Bok
Modified: 2017-01-18 23:39 PST (History)
4 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description Koen Bok 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.
Comment 1 Radar WebKit Bug Importer 2014-10-10 08:46:28 PDT
<rdar://problem/18610523>