This is a stress-test demo, but what you should take away from it is that CSS Custom Paint is going to be SUPER SMOOTH on *LOW END* devices this year.
Move programmatic animations to it if you can!
/cc @sarah_edohttps://twitter.com/flackrw/status/1225098733752328192 …
-
-
Replying to @slightlylate @sarah_edo
Y'all seem a lot more optimistic about this than I am. Even the simplest CSS animations can't run without missing frames. As far as I can see, the web just can't do smooth animations.https://stackoverflow.com/questions/44361475/css-translate-animation-stutter-jank …
2 replies 0 retweets 2 likes -
Try it with WebRender on Firefox?
1 reply 0 retweets 2 likes -
This is exactly the kind of thing WebRender is designed to fix: it’s designed to get good baseline animation performance, even if picture caching gets disabled. You shouldn’t have to care whether an animation is “composited” or not.
2 replies 0 retweets 5 likes -
In general, modulo Chromium layout implementation issues, the major win for Worklets is moving work JS that drives these animations out of the (heavily contended) main thread. Structurally, rather than marginally, better for smoothness.
1 reply 0 retweets 1 like
Erasing the distinction between paint and composite is also one of those structural, rather than marginal, improvements. But I agree animation worklets are nice of course. Let’s do both :)
Loading seems to be taking a while.
Twitter may be over capacity or experiencing a momentary hiccup. Try again or visit Twitter Status for more information.