Skip to content

[web-animations-1] Add hold phase to animation #4325 #5479

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
JTensai wants to merge 7 commits into
base: main
Choose a base branch
from
Open

[web-animations-1] Add hold phase to animation #4325 #5479

Changes from 1 commit
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
5581f2d
Added hold phase calculations to all places where hold time is also u…
Aug 26, 2020
01e9af7
Added conditions to the animation effect phase calculation to account…
Aug 26, 2020
f183cfe
Reworded explanation of current phase, reworded setting hold phase fr…
Sep 10, 2020
6885c21
Fixed a few spacing, punctuation, and grammar issues.
Sep 11, 2020
fad6e37
Adding back in condition for current phase that is needed when animat…
Sep 15, 2020
1ca8964
Moved changes to Web-Animations-2 from Web-Animations-1
Jan 5, 2021
d4d46a6
Fixed typo
Jan 5, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Fixed a few spacing, punctuation, and grammar issues.
  • Loading branch information
Jordan Taylor committed Jan 4, 2021
commit 6885c2184dbea1af9a4c8dbe035cd2b21b7b4118
34 changes: 18 additions & 16 deletions web-animations-1/Overview.bs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -817,12 +817,13 @@ which is used to fix the animation's output <a>time value</a>, called its
<a>current time</a>, in circumstances such as pausing.
The <a>hold time</a> is initially <a>unresolved</a>.

In a addition to <a>hold time</a>, an <a>animation</a> maintains a
In addition to the <a>hold time</a>, an <a>animation</a> maintains a
<dfn>hold phase</dfn> which is set along with the <a>hold time</a> to determine
the <a>current phase</a> of an <a>animation</a> with a fixed
<a>current time</a>. The <a>hold phase</a> has the same range of values as the
[=timeline phase=] and can be set or unset. The <a>hold phase</a> is initially
unset.
<a>current time</a>.
The <a>hold phase</a> has the same range of values as the [=timeline phase=] and
can be set or unset.
The <a>hold phase</a> is initially unset.

In order to establish the relative ordering of conflicting <a>animations</a>,
animations are appended to a <dfn>global animation list</dfn> in the order
Expand Down Expand Up @@ -934,11 +935,12 @@ matching condition from below:

### The current phase of an animation ### {#the-current-phase-of-an-animation}

In addition to their <a>current time</a>, an <a>animation</a> also provides
their <a>associated effect</a> with a <dfn>current phase</dfn>. This is used in
determining the animations effect's phase in certain boundary conditions.
In addition to their <a>current time</a>, <a>animations</a> provide their
<a>associated effects</a> with a <dfn>current phase</dfn>.
This is used in determining the animations effect's phase in certain boundary
conditions.

An <a>animation</a>'s <a>current phase</a> has the same range of values as the
An <a>animation's</a> <a>current phase</a> has the same range of values as the
[=timeline phase=].

The <a>current phase</a> is calculated from the first matching condition from
Expand All @@ -954,7 +956,7 @@ below:

: Otherwise,
:: The <a>current phase</a> is the [=timeline phase=] of the associated
<a>timeline</a>
<a>timeline</a>.

</div>

Expand Down Expand Up @@ -991,9 +993,9 @@ an animation, <var>animation</var>, to <var>seek time</var> is as follows:
<a lt="inactive timeline">inactive</a>, or
* <var>animation</var>'s [=playback rate=] is 0,

:: Set <var>animation</var>'s <a>hold time</a> to <var>seek time</var>
:: Set <var>animation</var>'s <a>hold phase</a> to
[=timeline active phase|active=].
:: 1. Set <var>animation</var>'s <a>hold time</a> to <var>seek time</var>.
:: 1. Set <var>animation</var>'s <a>hold phase</a> to
[=timeline active phase|active=].

: Otherwise,
:: Set <var>animation</var>'s [=start time=] to the result of evaluating
Expand Down Expand Up @@ -1239,7 +1241,7 @@ as CSS Animations [[CSS-ANIMATIONS-1]].
: Otherwise,
:: 1. Set <var>animation</var>'s <a>hold time</a> to <var>seek time</var>.
1. Set <var>animation</var>'s <a>hold phase</a> to
[=timeline active phase|active=]
[=timeline active phase|active=].

</div>

Expand Down Expand Up @@ -1422,7 +1424,7 @@ follows:
:: 1. Set <var>animation</var>'s <a>hold time</a> to
<var>seek time</var>.
1. Set <var>animation</var>'s <a>hold phase</a> to
[=timeline active phase|active=]
[=timeline active phase|active=].

</div>

Expand Down Expand Up @@ -2412,7 +2414,7 @@ animation effect's <a>local time</a> is not <a>unresolved</a> and
1. the effect is <a>associated with an animation</a> <em>and</em> the
associated <a>animation</a>'s <a>current phase</a> is
[=timeline before phase|before=] <em>and</em> the <a>local time</a> is equal
the <a>before-active boundary time</a>, <em>or</em>
to the <a>before-active boundary time</a>, <em>or</em>
1. the <a>animation direction</a> is &lsquo;backwards&rsquo; and the <a>local
time</a> is equal to the <a>before-active boundary time</a>.

Expand All @@ -2425,7 +2427,7 @@ animation effect's <a>local time</a> is not <a>unresolved</a> and
1. the effect is <a>associated with an animation</a> <em>and</em> the
associated <a>animation</a>'s <a>current phase</a> is
[=timeline after phase|after=] <em>and</em> the <a>local time</a> is equal
to the <a>active-after boundary time</a>, <em>or</em>uirecjkeiucfjseuejdjijauzsuwqaiuaizjjsujzisaijreuwnghweww
to the <a>active-after boundary time</a>, <em>or</em>
1. the <a>animation direction</a> is &lsquo;forwards&rsquo; and the <a>local
time</a> is equal to the <a>active-after boundary time</a>.

Expand Down