This section is non-normative
@@ -4689,7 +4644,6 @@ dictionary ComputedEffectTiming : EffectTiming {
Constructor(KeyframeEffect source)]
interface KeyframeEffect : AnimationEffect {
attribute (Element or CSSPseudoElement)? target;
- attribute IterationCompositeOperation iterationComposite;
attribute CompositeOperation composite;
sequence<object> getKeyframes();
void setKeyframes(object? keyframes);
@@ -4724,16 +4678,15 @@ interface KeyframeEffect : AnimationEffect {
If that procedure causes an exception to be thrown, propagate the
exception and abort this procedure.
- 1. If
options is a {{KeyframeEffectOptions}} object,
- assign the {{KeyframeEffect/iterationComposite}}, and
- {{KeyframeEffect/composite}}, properties of
effect to the
- corresponding value from
options.
+ 1. If
options is a {{KeyframeEffectOptions}} object, assign
+ the {{KeyframeEffect/composite}} property of
effect to
+ the corresponding value from
options.
- When assigning these properties, the error-handling defined for the
- corresponding setters on the {{KeyframeEffect}} interface is applied.
- If any of those setters require an exception to be thrown
- for the values specified by
options, this procedure must
-
throw the same exception and abort all further steps.
+ When assigning this property, the error-handling defined for the
+ corresponding setter on the {{KeyframeEffect}} interface is applied.
+ If the setter requires an exception to be thrown for the value
+ specified by
options, this procedure must
throw
+ the same exception and abort all further steps.
1. Initialize the set of
keyframes by performing the procedure
defined for {{KeyframeEffect/setKeyframes()}} passing
@@ -4777,7 +4730,6 @@ interface KeyframeEffect : AnimationEffect {
*
target element,
*
keyframes,
- *
iteration composite operation,
*
composite operation, and
* all specified timing properties:
* [=start delay=],
@@ -4812,14 +4764,6 @@ interface KeyframeEffect : AnimationEffect {
a specific element such as an animation that produces a sound
using an audio API.
-:
iterationComposite
-:: The
iteration composite operation property of this
-
keyframe effect as specified by one of the
-
IterationCompositeOperation enumeration values.
-
- On setting, sets the
iteration composite operation property of this
-
animation effect to the provided value.
-
:
composite
:: The
composite operation used to composite this
keyframe effect with the
effect stack, as
@@ -5603,17 +5547,12 @@ options)}} constructor by providing a {{KeyframeEffectOptions}} object.
dictionary KeyframeEffectOptions : EffectTiming {
- IterationCompositeOperation iterationComposite = "replace";
CompositeOperation composite = "replace";
};
-:
iterationComposite
-:: The
iteration composite operation used to define the way
- animation values build from iteration to iteration.
-
:
composite
:: The
composite operation used to composite this
animation with the
effect stack, as specified by one
@@ -5624,29 +5563,6 @@ dictionary KeyframeEffectOptions : EffectTiming {
-
The IterationCompositeOperation enumeration
-
-The possible values of an
animation effect's
-
iteration composite operation are represented by the
-
IterationCompositeOperation enumeration.
-
-
-enum IterationCompositeOperation { "replace", "accumulate" };
-
-
-:
replace
-:: Corresponds to the
replace
-
iteration composite operation value such that the
-
effect value produced is independent of the
-
current iteration.
-:
accumulate
-:: Corresponds to the
accumulate
- iteration composite operation value such that
- subsequent iterations of an
animation effect build
- on the final value of the previous iteration.
-
The CompositeOperation and CompositeOperationOrAuto enumerations
The possible values of an
keyframe effect's
From 8ac8179d6fb474ab7eb8a6d7dd75fd6b5b23cd6f Mon Sep 17 00:00:00 2001
From: Stephen McGruer
Date: Fri, 13 Sep 2019 10:50:15 -0400
Subject: [PATCH 3/4] Missed changes when uploading
---
web-animations-2/Overview.bs | 99 +++++++++++++++++++++++++++++++++---
1 file changed, 93 insertions(+), 6 deletions(-)
diff --git a/web-animations-2/Overview.bs b/web-animations-2/Overview.bs
index a92b2e0ad78..526b9817d03 100644
--- a/web-animations-2/Overview.bs
+++ b/web-animations-2/Overview.bs
@@ -1,3 +1,14 @@
+
+
Title: Web Animations Level 2
Status: UD
@@ -1235,10 +1246,10 @@ Update the description of an effect that targets a non-animated property as:
The procedure for computing the effect value of a single property
referenced by a keyframe effect as one of its target properties,
-for a given iteration progress, current iteration and
-underlying value is amended by inserting the following step:
+for a given iteration progress, current iteration and
+underlying value is amended by inserting the following step:
-12. For each keyframe in interval endpoints:
+12. For each keyframe in interval endpoints:
1. (As in web-animations-1).
@@ -1249,7 +1260,7 @@ for a given iteration progress, current iteration and
* replace the property value of target property
on keyframe with the result of combining the
- property value on the final keyframe in property-specific
+ property value on the final keyframe in property-specific
keyframes (Va) with the
property value on keyframe
(Vb) using the Effect accumulation
Similar to the compositing performed between effect values
-(see \[\[#effect-composition\]\]), the iteration composite operation
+(see [[web-animations-1#effect-composition]]), the iteration composite operation
determines how values are combined between successive iterations of
the same keyframe effect.
@@ -2103,12 +2114,48 @@ SequenceEffect implements GroupEffectMutable;
The KeyframeEffectReadOnly
and KeyframeEffect interfaces
-Add:
+The KeyframeEffect interface is modified to add the following:
+interface KeyframeEffect : AnimationEffect {
+ attribute IterationCompositeOperation iterationComposite;
+};
+
KeyframeEffect implements AnimationEffectMutable;
+
+
+:
+ KeyframeEffect (target, keyframes, options)
+:: Amend step 5 of the procedure to create a new
KeyframeEffect object as follows:
+
+ 5. If
options is a {{KeyframeEffectOptions}} object,
+ assign the {{KeyframeEffect/iterationComposite}}, and
+ {{KeyframeEffect/composite}}, properties of
effect to the
+ corresponding value from
options.
+
+ When assigning these properties, the error-handling defined for the
+ corresponding setters on the {{KeyframeEffect}} interface is applied.
+ If any of those setters require an exception to be thrown
+ for the values specified by
options, this procedure must
+
throw the same exception and abort all further steps.
+
+:
KeyframeEffect (source)
+:: Amend the procedure to create a new {{KeyframeEffect}} object with the
+ same properties as {{KeyframeEffect/KeyframeEffect(source)/source}} to include setting the
+
iteration composite operation from
source on
effect.
+
+
+:
iterationComposite
+:: The
iteration composite operation property of this
+
keyframe effect as specified by one of the
+
IterationCompositeOperation enumeration values.
+
+ On setting, sets the
iteration composite operation property of this
+
animation effect to the provided value.
+
Creating a new KeyframeEffect object
This section is non-normative
@@ -2138,6 +2185,46 @@ new SequenceEffect(
+
The KeyframeEffectOptions dictionary
+
+The
KeyframeEffectOptions dictionary interface is modified to add the
+following attribute:
+
+
+dictionary KeyframeEffectOptions : EffectTiming {
+ IterationCompositeOperation iterationComposite = "replace";
+};
+
+
+
+
+:
iterationComposite
+:: The
iteration composite operation used to define the way
+ animation values build from iteration to iteration.
+
+
The IterationCompositeOperation enumeration
+
+The possible values of an
animation effect's
+
iteration composite operation are represented by the
+
IterationCompositeOperation enumeration.
+
+
+enum IterationCompositeOperation { "replace", "accumulate" };
+
+
+:
replace
+:: Corresponds to the
replace
+
iteration composite operation value such that the
+
effect value produced is independent of the
+
current iteration.
+:
accumulate
+:: Corresponds to the
accumulate
+ iteration composite operation value such that
+ subsequent iterations of an
animation effect build
+ on the final value of the previous iteration.
+
The EffectCallback callback function
Custom effects can be defined in script by providing an
From 5d336123403a98d6e67ea269d3ed9b930bdcdcd0 Mon Sep 17 00:00:00 2001
From: Stephen McGruer
Date: Mon, 16 Sep 2019 08:12:45 -0400
Subject: [PATCH 4/4] Review fixes
---
web-animations-2/Overview.bs | 9 +++++----
1 file changed, 5 insertions(+), 4 deletions(-)
diff --git a/web-animations-2/Overview.bs b/web-animations-2/Overview.bs
index 526b9817d03..aa9ec0caa17 100644
--- a/web-animations-2/Overview.bs
+++ b/web-animations-2/Overview.bs
@@ -1247,7 +1247,8 @@ Update the description of an effect that targets a non-animated property as:
The procedure for computing the effect value of a single property
referenced by a keyframe effect as one of its target properties,
for a given iteration progress, current iteration and
-underlying value is amended by inserting the following step:
+underlying value is amended by inserting the following step
+after the step to apply the keyframe effect composite mode.
12. For each keyframe in interval endpoints:
@@ -2117,7 +2118,7 @@ SequenceEffect implements GroupEffectMutable;
The KeyframeEffect interface is modified to add the following:
-interface KeyframeEffect : AnimationEffect {
+partial interface KeyframeEffect {
attribute IterationCompositeOperation iterationComposite;
};
@@ -2188,10 +2189,10 @@ new SequenceEffect(
The KeyframeEffectOptions dictionary
The KeyframeEffectOptions dictionary interface is modified to add the
-following attribute:
+following member:
-dictionary KeyframeEffectOptions : EffectTiming {
+partial dictionary KeyframeEffectOptions {
IterationCompositeOperation iterationComposite = "replace";
};