@@ -3,7 +3,7 @@ Title: CSS Animation Worklet API
3
3
Status : ED
4
4
Group : houdini
5
5
ED : https://drafts.css-houdini.org/css-animationworklet-1/
6
- Shortname : css-workletanimation
6
+ Shortname : css-animationworklet
7
7
Level : 1
8
8
Abstract :
9
9
Editor : Majid Valipour, majidvp@google.com
@@ -89,12 +89,17 @@ urlPrefix: https://wicg.github.io/scroll-animations/#; type: dfn
89
89
<pre class=biblio>
90
90
{
91
91
"explainer": {
92
- "href": "https://github.com/WICG/animation-worklet /blob/gh-pages /README.md",
92
+ "href": "https://github.com/w3c/css-houdini-drafts /blob/master/css-animationworklet /README.md",
93
93
"title": "Animation Worklet Explainer",
94
- "status": "CR",
95
- "publisher": "WICG",
96
94
"deliveredBy": [
97
- "https://github.com/WICG/animation-worklet//"
95
+ "https://github.com/w3c/css-houdini-drafts"
96
+ ]
97
+ },
98
+ "principles": {
99
+ "href": "https://github.com/w3c/css-houdini-drafts/blob/master/css-animationworklet/principles.md",
100
+ "title": "Animation Worklet Design Principles and Goals",
101
+ "deliveredBy": [
102
+ "https://github.com/w3c/css-houdini-drafts"
98
103
]
99
104
}
100
105
}
@@ -104,8 +109,9 @@ Introduction {#intro}
104
109
=====================
105
110
<em> This section is not normative.</em>
106
111
107
- This document introduces a new primitive for creating scroll-linked and other high performance
108
- procedural animations on the web. For details on the rationale and motivation see [[explainer]] .
112
+ This document introduces a new primitive that provides extensibility in web animations and enables
113
+ high performance interactive procedural animations on the web. For details on the rationale and
114
+ motivation see both [[explainer]] and [[principles]] .
109
115
110
116
The <a>Animation Worklet</a> API provides a method to create scripted animations that control a set
111
117
of <a>animation effects</a> . The API is designed to make it possible for user agents to run such
@@ -114,14 +120,11 @@ thread.
114
120
115
121
Relationship to the Web Animations API {#relationship-to-web-animations}
116
122
------------------------------------------------------------------------
123
+ <em> This section is not normative.</em>
117
124
118
125
Animations running inside an <a>Animation Worklet</a> execution context expose the {{Animation}}
119
126
interface from the Web Animations specification on the main javascript execution context. This means
120
- they can be controlled and inspected from main thread using many of the Web Animation APIs. However
121
- Animation Worklet animations follow a different timing model that enables them to be script-driven,
122
- stateful, and runnable in a parallel worklet execution context. As such Web Animation APIs that seek
123
- or alter the input time (reverse, finish, etc.) have different semantics for Animation Worklet
124
- animations.
127
+ they can be controlled and inspected from main thread using the same Web Animation APIs.
125
128
126
129
127
130
Threading Model {#threading-model}
@@ -683,7 +686,7 @@ Here are a few implications of the above semantics:
683
686
may return stale information, in the case where the <a>animator instance</a> is running in a
684
687
parallel execution context.
685
688
686
- Issue(63 ): Come with appropriate mechanism's for <a>animator instance</a> to get notified when its
689
+ Issue(811 ): Come with appropriate mechanism's for <a>animator instance</a> to get notified when its
687
690
animation currentTime is changing e.g., via reverse(), finish() or playbackRate change. So that
688
691
it can react appropriately.
689
692
@@ -762,7 +765,7 @@ is called, then <a>set animator instance of worklet animation</a> given |worklet
762
765
Timeline Attachment {#timeline-attachment}
763
766
-------------------
764
767
765
- Issue(61 ): Define semantics of attachment and detachment.
768
+ Issue(810 ): Define semantics of attachment and detachment.
766
769
767
770
ScrollTimeline {#scroll-timeline}
768
771
---------------------------------
@@ -817,8 +820,8 @@ action that corresponds to the first matching condition from the following:
817
820
</div>
818
821
819
822
Issue(w3c/csswg-drafts#2071): The above interface exposes a conservative subset
820
- of GroupEffect proposed as part of web-animation-2. Once that is available we
821
- should switch to it .
823
+ of GroupEffect proposed as part of web-animation-2. We should instead move this
824
+ into a delta spec against the web-animation .
822
825
823
826
824
827
Effect Stack and Composite Order {#effect-stack-composite-order}
@@ -829,6 +832,16 @@ worklet animation does not have a specific <a>animation class</a> which means it
829
832
composite order as other Javascript created web animations.
830
833
831
834
835
+ Security Considerations {#security-considerations}
836
+ ==================================================
837
+
838
+ There are no known security issues introduced by these features.
839
+
840
+ Privacy Considerations {#privacy-considerations}
841
+ ================================================
842
+
843
+ There are no known privacy issues introduced by these features.
844
+
832
845
Examples {#examples}
833
846
====================
834
847
0 commit comments