Teams‎ > ‎Animations Team‎ > ‎

Animation Worklet

Animation Worklet is a new primitive that provides extensibility for web animations and enables high performance scripted animations that can run on dedicated thread. The feature is developed as part of the CSS Houdini task force.

The Animation Worklet API provides a method to create scripted animations that control a set of animation effects. These animations are executed inside an isolated execution environment, worklet which makes it possible for browser  to run such animations in their own dedicated thread to provide a degree of performance isolation from main thread. Worklet animations may be created and controlled via  Web Animations API. Animation Worklet combined with other new features such as ScrollTimeline, Input in Worklets, can allow many currently interactive main-thread rAF-based animations to move off main thread which improve smoothness.


Current Status


 Milestone Status    Key features
 Animation Worklet PrototypeDone Scripted custom animation, single effect, only fast properties, off main-thread (using compositor thread).
 Animation Worklet Origin TrialIn progress (signup) Scroll input (via ScrollTimeline), basic web-animation controls (play/cancel), move to dedicated thread, optimized performance.
 Animation Worklet V1 - MVPScheduled for M75 Animate all properties (slow path ones runs in sync with main thread), sophisticated scheduling so we do not block compositor thread, improved scroll timeline integration.    
Animation Worklet V2  TBD Pointer input via Events, multi-input animation, support GroupEffects, improved integration with Paint Worklet.


Comments