Tween
Proposals | Status |
---|---|
KeyframeTween plan |
Accepted on October 19, 2016 |
Zip keyframes together in plan | Proposed on October 18, 2016 |
Rename KeyframeTween to Tween |
Accepted on November 1, 2016 |
Tween describes an animation that consists of distinct frames of animation.
Contract
Plan Tween {
var property
var values: [Any]
var offsets: [Float]?
var interTimingFunctions: [TimingFunction]?
}
property
is any animatable value on the target object.
values
is an array of objects that each define a single frame of the animation. If values.length == 1
then the values[0]
value is treated as the destination
value of the property.
offsets
optionally defines the pacing of the animation. Each offset corresponds to its identically-indexed value in the values
array. Each offset is a floating point number in the range of [0,1]
. If not provided, each value is assumed to be evenly spaced.
interTimingFunctions
optionally defines the timing functions to be used between any two values. If values
is of length n
, then interTimingFunctions
should be of length n-1
. If not provided, each timing function is assumed to be linear.