缓动动画·概述

1、游戏开发中缓动动画比较常见，它是提升游戏 UI 体验的重要因素之一，例如对话框弹出、关闭，按钮的动效出现与消失，道具飞入背包等

2、可以直接使用 LayaAir引 擎提供的 Tween 缓动类与 Ease 类来快捷实现。

3、Tween 缓动类用以实现目标对象属性的缓动，例如目标对象的 x 或 y 轴的缓动距离等目标值设置，以及缓动开始、停止、清理等设置

4、Ease 类定义了大量的缓动函数，以便实现 Tween 动画的具体缓动效果

5、LayaAir 引擎的 Tween 类与 Ease 类结合使用，能基本满足游戏开发的缓动效果需求

from()与to()方法

1、缓动类 Tween 提供了较多的方法，常用的是 from() 与 to() 方法，这两个方法的参数设置完全一样，但效果有所不同，from是从缓动目标点向初始位置产生运动（从缓动目标位置来），to 是从初始位置向缓动目标的位置产生运动（到缓动目标位置去）

/** 从props属性，缓动到当前状态——从缓动目标位置来
* @param    target 目标对象(即将更改属性值的对象)。
* @param    props 变化的属性列表，比如 {x:100,y:20,ease:Ease.backOut,complete:Handler.create(this,onComplete),update:new Handler(this,onComplete)}。 
* @param    duration 花费的时间，单位毫秒。
* @param    ease 缓动类型，默认为匀速运动。
* @param    complete 结束回调函数。
* @param    delay 延迟执行时间。
* @param    coverBefore 是否覆盖之前的缓动。
* @param    autoRecover 是否自动回收，默认为true，缓动结束之后自动回收到对象池。
* @return    返回Tween对象。
*/
static from(target: any, props: any, duration: number, ease?: Function, complete?: Handler, delay?: number, coverBefore?: boolean, autoRecover?: boolean): Tween;

上面这是静态的 from 方法， Tween 还重载了一个非静态的 from 方法，非静态的 from 少了最后的 autoRecover 参数。

/** 从当前状态缓动到props属性——到缓动目标位置去
 * @param target 目标对象(即将更改属性值的对象)。
 * @param props 变化的属性列表，比如
 * @param duration 花费的时间，单位毫秒。
 * @param ease 缓动类型，默认为匀速运动。
 * @param complete 结束回调函数。
 * @param delay 延迟执行时间。
 * @param coverBefore 是否覆盖之前的缓动。
 * @param autoRecover 是否自动回收，默认为true，缓动结束之后自动回收到对象池。
 * @return   返回Tween对象。
 */
static to(target: any, props: any, duration: number, ease?: Function, complete?: Handler, delay?: number, coverBefore?: boolean, autoRecover?: boolean): Tween;

上面这是静态的 to方法， Tween 还重载了一个非静态的 to方法，非静态的 to 少了最后的 autoRecover 参数。