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.