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.

results matching ""

    No results matching ""