TranslationAnimation.Control2 | control2 property

Gets the location of the second control point for the cubic Bézier curve that describes how the translation should animate over time.

Syntax

var control2 = translationAnimation.control2;

Property value

Type: Point

The location of the control point.

Remarks

The timing controls Control1 and Control2 specify the location of the first and second control points of a cubic Bézier curve. These two points have the same meaning as they do in the CSS transition-timing-functionproperty. Control point zero is always (0,0) and control point three is always (1,1). The coordinates of Control1 and Control2 are always in the range 0 to 1, inclusive.

On the resulting Bézier curve, the x-coordinate represents time and the y-coordinate represents progress. The raw curve from (0,0) to (1,1) is scaled to match the actual duration and range of the animated transition, such that x=0 is the starting time of the transform, x=1 is the ending time, y=0 is the initial value of the animated property, and y=1 is the final value. Values of x and y between 0 and 1 represent corresponding intermediate values of time and the animation.

Requirements

See also

TranslationAnimation

Animation metrics sample

Build date: 12/4/2012