Teams‎ > ‎Animations Team‎ > ‎Highlights Archive‎ > ‎

April 2019, Volume II

April 2019, Volume II

Chrome Animations Highlights

Archives: go/animations-team-highlights

One DIV, "7 lines" of script. Done! (Animation from LottieFiles:

Lottie in a PaintWorklet

Lottie is a popular framework from AirBnB that renders After Effects animations, allowing designers to create rich complex animations. Its web implementation, however, is not very performant. This sprint, Rob Flack (flackr@) prototyped a port of the Lottie renderer to a PaintWorklet - driven by a standard Web Animation for input progress. Not only does this bring richer devtools integration, but with the ongoing Off-Thread PaintWorklet effort we will soon be able to render Lottie animations performance-isolated from the main thread!

Viz Hit-Testing - Linux Performance

Xianda (sunxd@) sadly left the team this sprint, but not before he followed through on
his promise to bring the fast-path rate on Linux up to the same standard as other platforms.
The goal was to have 80% of hittests use the
fast path - Xianda overdelivered as usual with a fantastic 93% fast-path rate!

Stateful Animation Worklet

Stateful Animators enable developers to keep local state in their Animation Worklet to perform richer effects (e.g. velocity based animations). Yi (yigu@) has lead the spec work on these, and this sprint he landed the corresponding code.

BlinkOn has come - and gone!

Two thirds of the Animations team decamped to Toronto for BlinkOn, spending two days listening to (and giving) talks, syncing with colleagues from around the world, and getting to know some of our new collaborators from Microsoft. Both Stephen's Off Main Thread CSS Paint and Majid's Event Delegation to Worker and Worklets talks were well attended and well received.

Web Animations - Moar Interop

Kevin (kevers@) has been hard at work fixing bugs in our Web Animations implementation - over 50% of the known WPT failures are now fixed! This sprint has seen a focus on timing issues, with plenty of nasty floating-point boundary case bugs to squish!

Scroll Snap - supporting AMP

AMP team are excited to use scroll snap for their image carousel, but need paginated behavior. We previously implemented the scroll-snap-stop feature to enable this. This sprint they reported a bug where they were able to 'break' the snapping and cause their content to go flying! Majid leapt into action: reproducing, diagnosing, and fixing the bug. This should clear the way for AMP to roll out scroll snap, and we are excitedly watching our metrics.

Chrome Animations Highlights | April 2019, Volume II