60 FPS Animations with CSS3

Re:60 FPS Animations with CSS3 by westoncb on Monday July 10, 2017 @01:10PM (#14737770)

Hmm... Wouldn't it be possible to address the problem at another level? For instance, when it's discovered that layout properties are being animated, see if it would be possible to create an equivalent effect in the compositing stage, if so, convert the layout position changes to transforms?

I realize that would probably not be easy, but maybe still possible without major architectural changes?

[ Parent | on HN ]

Re:60 FPS Animations with CSS3 by pcwalton on Monday July 10, 2017 @02:24PM (#14738411)

> For instance, when it's discovered that layout properties are being animated, see if it would be possible to create an equivalent effect in the compositing stage, if so, convert the layout position changes to transforms?

Yes, and we as browser vendors should absolutely do that.

Though a better solution is to just make the compositor able to accelerate the full generality of CSS in the first place.

[ Parent | on HN ]

Re:60 FPS Animations with CSS3 by whowouldathunk on Monday July 10, 2017 @01:34PM (#14738017)

Which thread are you going to do that work on?

It's complicated because layout changes can cause new elements to be created. Elements can be really expensive to create.

[ Parent | on HN ]

Re:60 FPS Animations with CSS3 by pcwalton on Monday July 10, 2017 @02:25PM (#14738417)

> Which thread are you going to do that work on?

The layout thread.

> It's complicated because layout changes can cause new elements to be created. Elements can be really expensive to create.

Huh? No, they can't. In rare cases, layout changes can cause new render objects to be created (line breaks), but that's not elements.

[ Parent | on HN ]

Re:60 FPS Animations with CSS3 by whowouldathunk on Monday July 10, 2017 @02:31PM (#14738461)

Not sure how Servo works, but what happens if a list viewport gets bigger and you need to display more list items?

[ Parent | on HN ]

Re:60 FPS Animations with CSS3 by pcwalton on Monday July 10, 2017 @03:19PM (#14738816)

The newly visible list items are already laid out, so we just display them.

[ Parent | on HN ]

Re:60 FPS Animations with CSS3 by westoncb on Monday July 10, 2017 @02:05PM (#14738258)

That's the kind of thing that would cause a rejection: elements are gong to be created, so this can't be converted to compositing stage operations instead.

Dunno which thread—just an idea.

[ Parent | on HN ]