Unity_DOTween

2023-12-29 15:53:34

DOTween官网

 

2019.12.12补充：

问题：当前dotween动画没播放完，便再次播放有冲突的操作，如连续多次播放、正播、倒播，导致显示不正常或报错。

解决方法：在每次开始执行播放动画时，先加上下面对应类似的杀死进程代码，就OK了

    

  1. transform.DOKill();
    2. 

  2. transform.RectTransform().DOKill();
    3.

 

让DOTweenAnimation忽略Time.timeScale = 0的影响：

GetComponent<DOTweenAnimation>().tween.SetUpdate(true);

 

2019.06.25更新：

DOTween动态添加DOTweenAnimation的方法：

1、方法1

在实际测试，发现有时莫名失效。建议采用预制体形式。

    

  1. using DG.Tweening;
    2. 

  2. using DG.Tweening.Core;
    3. 

  3.  
    4. 

  4. DOTweenAnimation da= ob.gameObject.AddComponent<DOTweenAnimation>();
    5. 

  5. da.animationType = DOTweenAnimationType.LocalRotate;
    6. 

  6. da.easeType = Ease.Linear;
    7. 

  7. da.duration = 0.3f;
    8. 

  8. da.loops = -1;
    9. 

  9. da.endValueV3 = new Vector3(0, 50, 0);
    10.

 

方法2

实现让该物体不停旋转。

  • 默认的第三个参数是RotateMode.Fast,也就是所有的旋转操作都不能超过360°,如果超过旋转就无效，所以现在采用RotateMode.FastBeyond360
    

  1. icon.transform.DOLocalRotate(new Vector3(0, 0, -360), 2, RotateMode.FastBeyond360)
    2. 

  2.                 .SetEase(Ease.Linear).SetLoops(-1, LoopType.Restart).Play();
    3.

 

 

1、DOTween.To()

将某点在一定时间内移动到某点

    

  1. using DG.Tweening;
    2. 

  2.  
    3. 

  3. Vector3 myvalue = new Vector3(0, 0, 0);
    4. 

  4. DOTween.To(() => myvalue, x => myvalue = x, new Vector3(10, 10, 10), 2);
    5. 

  5.                  要移动的初始值                目标值                时间
    6.

2、DOMove()

在1s内将目标物体从当前位置移动到目标位置

    

  1. transform.DOMove(new Vector3(1, 1, 1), 1);
    2. 

  2. transform.DOLocalMove(new Vector3(1, 1, 1), 1);
    3.

3、DOMoveX()、DOMoveY()、DOMoveZ()

从当前位置延X/Y/Z方向，移动到目标位置5

transform.DOMoveX(5, 1);

4、From()

从目标位置，移动到当前位置

    

  1. 绝对位置，若当前坐标（1,0,0），即从5运动到1
    2. 

  2. transform.DOMoveX(5, 1).From();
    3. 

  3. transform.DOMoveX(5, 1).From(false);
    4. 

  4.  
    5. 

  5. 相对位置，若当前坐标（1,0,0），即从6运动到1（6-1=5，相对位移5）
    6. 

  6. transform.DOMoveX(5, 1).From(true);
    7.

5、Pause()、DOPlay()、DOPlayForward()、DOPlayBackwards()、DORestart()

动画暂停、动画播放、动画向前播放、动画倒放

    

  1. //DOTween播放会生成动画，动画保存在Tweener信息中，默认动画播放完会被销毁，要想倒放，必须设为不被销毁
    2. 

  2. //tweener也会播放动画
    3. 

  3. Tweener tweener= transform.DOLocalMove(new Vector3(1, 1, 1), 1);
    4. 

  4. tweener.SetAutoKill(false);
    5. 

  5. //暂停动画
    6. 

  6. tweener.Pause();
    7. 

  7. //播放动画,只播放一次，再次调用不可播放
    8. 

  8. transform.DOPlay();
    9. 

  9. //向前播放动画
    10. 

  10. transform.DOPlayForward();
    11. 

  11. //动画倒放
    12. 

  12. transform.DOPlayBackwards();
    13. 

  13. //重新播放动画：若用的可视化编辑，需取消AutoKill
    14. 

  14. transform.DORestart();
    15.

6、SetEase()

设置动画曲线，即动画运动方式（类似设置PPT动画的出现效果）

    

  1. Tweener tweener = transform.DOLocalMoveX(0, 5);
    2. 

  2. tweener.SetEase(Ease.InBounce);
    3.

7、SetLoops

设置动画播放次数，下为播放两次动画

    

  1. Tweener tweener = transform.DOLocalMoveX(0, 5);
    2. 

  2. tweener.SetLoops(2);
    3.

8、事件函数

动画播放完成事件函数、

    

  1. Tweener tweener = transform.DOLocalMoveX(0, 5);
    2. 

  2. //动画播放完成调用事件函数
    3. 

  3. tweener.OnComplete(你的方法);
    4. 

  4.  
    5. 

  5. //动画销毁调用事件函数
    6. 

  6. tweener.OnKill(你的方法);
    7. 

  7.  
    8. 

  8. //动画播放时调用事件函数（一直调用）
    9. 

  9. tweener.OnPlay(你的方法);
    10. 

  10.  
    11. 

  11. //动画暂停时调用事件函数
    12. 

  12. tweener.OnPause(你的方法);
    13. 

  13.  
    14. 

  14. //动画重置时调用事件函数
    15. 

  15. tweener.OnRewind(你的方法);
    16. 

  16.  
    17. 

  17. //动画开始播放时调用事件函数
    18. 

  18. tweener.OnStart(你的方法);
    19. 

  19.  
    20. 

  20. //动画播放时调用事件函数（一次）
    21. 

  21. tweener.OnPlay(你的方法);
    22.

9、DOText    文本动画

若文本框内无文字，在3s内逐字显示文字。

若有文字，则逐字覆盖掉原先文字，显示新文字

GetComponent<Text>().DOText("接下来我们进入第二篇章", 3);

10、DOShakePosition    震动效果

挂载在摄像机上面

    

  1. //持续时间,其余默认
    2. 

  2. transform.DOShakePosition(1);
    3. 

  3. //持续时间、强度（下为只在X、Y方向上震动）
    4. 

  4. transform.DOShakePosition(1,new Vector3(3,3,0));
    5.

11、DOColor    改变颜色

在2s中将原本颜色变为红色

GetComponent<Text>().DOColor(Color.red, 2);

12、DOFade    改变透明度

文字透明度会在3s内从0变为1

GetComponent<Text>().DOFade(1, 3);

13、可视化动画编辑

该组件在DOTween Pro插件里面

可使用代码通过控制ID的方式来控制动画的播放

下载地址：下载

Unity_DOTween

    

  1. using UnityEngine;
    2. 

  2. using DG.Tweening;
    3. 

  3.  
    4. 

  4. public class UIController : MonoBehaviour {
    5. 

  5.  
    6. 

  6.     DOTweenAnimation tweenAnimation;
    7. 

  7.  
    8. 

  8. 	void Start () {
    9. 

  9.         tweenAnimation = GetComponent<DOTweenAnimation>();
    10. 

  10.     }
    11. 

  11. 	
    12. 

  12.     public void OnClick()
    13. 

  13.     {
    14. 

  14.         tweenAnimation.DOPlayBackwards();
    15. 

  15.     }
    16. 

  16. }
    17.

14、可视化路径编辑

该组件在DOTween Pro插件里面

下载地址：下载

Unity_DOTween

Shift+Ctrl：添加路径点

Shift+Alt：删除路径点

Duration：时长

Delay：延迟时间

Ease：运动模式

Loops：播放次数，-1为循环播放，0为播放一次

Path Type：Linner/Catmull Rom，Linner，线性；Catmull Rom给路径做圆滑处理

Close Path：将起点与终点连接，围成一个圈

Local Movement：局部坐标下移动

Orientation：朝向。To Path，游戏物体朝向路径运动；Look At Transform；Look At Position

Relative：勾选后，选择游戏物体，路径可整体移动

Show Indexes：是否显示路径索引

Handles Type：Free/Full，Full，每个点显示三坐标

Unity_DOTween

Reset Path：删除所有点，重置路径

代码控制：

该组件自带控制方法，直接调用即可，当然也可在Unity通过Button拖拽方式直接控制

    

  1. using UnityEngine;
    2. 

  2. using DG.Tweening;
    3. 

  3.  
    4. 

  4. public class UIController : MonoBehaviour {
    5. 

  5.  
    6. 

  6.     DOTweenPath tweenAnimation;
    7. 

  7.  
    8. 

  8. 	void Start () {
    9. 

  9.         tweenAnimation = GetComponent<DOTweenPath>();
    10. 

  10.     }
    11. 

  11. 	
    12. 

  12.     public void OnClick()
    13. 

  13.     {
    14. 

  14.         //开始播放
    15. 

  15.         tweenAnimation.DOPlay();
    16. 

  16.  
    17. 

  17.         //运动开关：点击一次，继续开始播放，再点击一次，在当前位置暂停
    18. 

  18.         tweenAnimation.DOTogglePause();
    19. 

  19.  
    20. 

  20.         //重新播放动画
    21. 

  21.         tweenAnimation.DORestart();
    22. 

  22.  
    23. 

  23.         //杀死动画，此后无法再播放动画
    24. 

  24.         tweenAnimation.DOKill();
    25. 

  25.     }
    26. 

  26. }
    27.

 

上一篇：塔防游戏学习笔记


下一篇：分页滚动功能扩展之改变大小