Unity3D DOTween - 技术栈

简单介绍一下 DOTween 插件的使用。

导入插件

先到 Asset Store 获取 DOTween 插件，然后在 Package Manager 的 My Assets 中搜索，下载并导入插件。

导入后，会自动弹出一个窗口，提示需要先对插件进行配置。

点击上图中的按钮，打开下图的窗口，按顺序点击 Setup DOTween 和 Create ASMDEF 按钮。

配置完成后就可以开始使用 DOTween 插件了。

简单动画

创建一个脚本 DOTweenDemo.cs，在场景中创建一个空物体并挂载脚本。

在场景中创建一个 Cube，拖拽引用。

要使用 DOTween，需要引入命名空间 DG.Tweening，然后通过组件扩展的以 DO 开头的函数方法进行调用。

例如，transform.DOMoveX 是让物体在 X 轴方向上进行移动，第一个参数是目标位置，第二个参数是持续时间。

csharp 复制代码

using UnityEngine;
using DG.Tweening;

public class DOTweenDemo : MonoBehaviour
{
    public GameObject cube;

    public float posX = 5f;
    public float duration = 1f;

    void Update()
    {
        if (Input.GetKeyDown(KeyCode.Alpha1))
        {
            cube.transform.DOMoveX(-posX, duration);
        }
        else if (Input.GetKeyDown(KeyCode.Alpha2))
        {
            cube.transform.DOMoveX(posX, duration);
        }
    }
}

运行游戏，按下键盘 1 键时 Cube 向左移动，按下键盘 2 键时 Cube 向右移动。

动画序列

在实际项目中，动画会更加复杂一些，可能会有多段位移，或者位移后缩小的需求。

通常会使用动画序列来实现复杂动画。

使用 DOTween.Sequence 创建一个动画序列对象，通过 sequence.Insert 在指定时刻插入一个简单动画。

例如，在最开始 0 秒的位置，让 Cube 移动到右边。

因为持续时间是 1 秒，所以在 1 秒的位置，上一个动画结束了，继续插入第二个动画，让 Cube 向上移动。

后续的动画以此类推。

csharp 复制代码

using UnityEngine;
using DG.Tweening;

public class DOTweenDemo : MonoBehaviour
{
    public GameObject cube;

    public float posX = 5f;
    public float posY = 5f;
    public float duration = 1f;

    void Update()
    {
        if (Input.GetKeyDown(KeyCode.Alpha1))
        {
            Sequence sequence = DOTween.Sequence();
            sequence.Insert(0f, cube.transform.DOMoveX(posX, duration));
            sequence.Insert(1f, cube.transform.DOMoveY(posY, duration));
            sequence.Insert(2f, cube.transform.DOMoveX(-posX, duration));
            sequence.Insert(3f, cube.transform.DOMoveY(0f, duration));
        }
    }
}

运行游戏，按下键盘 1 键时 Cube 进行了四段位移。

动画回调

有时候，我们想要在动画播放完成之后执行一些逻辑，就可以使用动画的回调方法。

例如，让 Cube 向前移动，到达指定位置之后，再缩小。

csharp 复制代码

using UnityEngine;
using DG.Tweening;

public class DOTweenDemo : MonoBehaviour
{
    public GameObject cube;

    public float posX = 5f;
    public float posY = 5f;
    public float duration = 1f;

    void Update()
    {
        if (Input.GetKeyDown(KeyCode.Alpha1))
        {
            cube.transform.DOMoveZ(5f, duration).OnComplete(()=>
            {
                cube.transform.DOScale(0f, duration);
            });
        }
    }
}

运行效果：

结束动画

有时候，玩家进行了某些操作，需要提前让动画结束，有两种方法。

一种是直接 Kill 掉动画，即中断动画。

一种是提前完成动画。

在 Kill 掉动画的时候，需要先为动画设置 id，然后使用 DOTween.Kill 中断指定 id 的动画。

注意：这里只为 DOMoveZ 设置了 id，当它结束时播放的另一个缩放动画是不会被 Kill 掉的。

csharp 复制代码

using UnityEngine;
using DG.Tweening;

public class DOTweenDemo : MonoBehaviour
{
    public GameObject cube;

    public float posX = 5f;
    public float posY = 5f;
    public float duration = 1f;

    void Update()
    {
        if (Input.GetKeyDown(KeyCode.Alpha1))
        {
            cube.transform.DOMoveZ(5f, duration).OnComplete(()=>
            {
                cube.transform.DOScale(0f, duration);
            }).SetId("cube");
        }
        else if (Input.GetKeyDown(KeyCode.Alpha2))
        {
            DOTween.Kill("cube");
        }
    }
}

运行效果，先按键盘 1 键执行动画，再立刻按键盘 2 键中断动画。

提前完成动画，只需要调用 DOComplete 函数即可。

这里因为是 transform 调用的，对于两段动画来说，都是可以提前完成的。

csharp 复制代码

using UnityEngine;
using DG.Tweening;

public class DOTweenDemo : MonoBehaviour
{
    public GameObject cube;

    public float posX = 5f;
    public float posY = 5f;
    public float duration = 1f;

    void Update()
    {
        if (Input.GetKeyDown(KeyCode.Alpha1))
        {
            cube.transform.DOMoveZ(5f, duration).OnComplete(()=>
            {
                cube.transform.DOScale(0f, duration);
            });
        }
        else if (Input.GetKeyDown(KeyCode.Alpha2))
        {
            cube.transform.DOComplete();
        }
    }
}

运行效果，先按键盘 1 键执行动画，再立刻按键盘 2 键提前完成动画，会有一个动画跳跃的视觉效果。

延迟调用

DOTween 除了做一些动画效果外，还可以当做定时器，延迟一段时间后调用。

csharp 复制代码

using UnityEngine;
using DG.Tweening;

public class DOTweenDemo : MonoBehaviour
{
    void Update()
    {
        if (Input.GetKeyDown(KeyCode.Alpha1))
        {
            Debug.Log("开始定时");
            DOVirtual.DelayedCall(1f, ()=>
            {
                Debug.Log("1 秒后调用");
            });
        }
    }
}

运行效果：