unity中的DoTween动画插件

╰半夏微凉° 2021-09-16 10:40 638阅读 0赞

**目录**

1.导入DoTween插件（DOTween Pro v0.9.290.unitypackage）

2.对变量进行动画

3.控制cube的动画

4.控制UI面板的动画

5.动画的快捷播放方式

6.动画的前放和倒放

7.From Tweens

8.动画的属性设置

9.对话框文字动画

10.屏幕震动效果

11.颜色和透明度渐变动画

12.动画的组件可视化

13.DoTweenPath路径编辑器的使用

--------------------

## 1.导入DoTween插件（下载地址：[https://pan.baidu.com/s/1Ri4DuHrb9KIpPxMXyoNgng][https_pan.baidu.com_s_1Ri4DuHrb9KIpPxMXyoNgng]） ##

## 2.对变量进行动画 ##

using UnityEngine;
    using DG.Tweening;
    
    public class GetStart : MonoBehaviour {
        public Vector3 myValue = new Vector3(0, 0, 0);
        void Start()
        {
            DOTween.To(() => myValue, x => myValue = x, new Vector3(10, 10, 10), 2);
        }
    }

![70][]

## 3.控制cube的动画 ##

using DG.Tweening;
    using UnityEngine;
    
    public class GetStart : MonoBehaviour
    {
        public Vector3 myValue = new Vector3(0, 0, 0);
        public Transform cubeTransform;
        private void Start()
        {
            DOTween.To(() => myValue, x => myValue = x, new Vector3 (6,6,6), 2);
        }
        private void Update()
        {
            cubeTransform .position = myValue;
        }
    }

![70 1][]

## 4.控制UI面板的动画 ##

using DG.Tweening;
    using UnityEngine;
    
    public class GetStart : MonoBehaviour
    {
        public static  Vector3 myValue = new Vector3(385, 0, 0);
        public Transform cubeTransform;
        public RectTransform taskPanelTransform;
        private void Start()
        {
            DOTween.To(() => myValue, x => myValue = x, new Vector3 (0,0,0), 2);
        }
        private void Update()
        {
            taskPanelTransform .localPosition  = myValue;
        }
    }

![70 2][]

## 5.动画的快捷播放方式 ##

using DG.Tweening;
    using UnityEngine;
    
    public class MyButton : MonoBehaviour
    {
        public RectTransform panelTransform;
        public void OnClick()
        {
           panelTransform .DOLocalMove(new Vector3(0, 0, 0), 2);
        }
    }

![70 3][]

## 6.动画的前放和倒放 ##

using DG.Tweening;
    using UnityEngine;
    
    public class MyButton : MonoBehaviour
    {
        public RectTransform panelTransform;
        private bool isIn = false;
        private void Start()
        {
            Tweener tweener = panelTransform.DOLocalMove(new Vector3(0, 0, 0), 0.3f);//动画播放完成会默认被销毁，现在我们不想让他销毁。Tweener对象保存这个动画的信息，每次调用do类型的方法都会创建一个Tweener对象
            tweener.SetAutoKill(false);//把自动销毁设置为false
            tweener.Pause();
        }
        public void OnClick()
        {
          if(isIn ==false)
            {
                panelTransform.DOPlayForward();
                isIn = true;
            }
            else
            {
                panelTransform.DOPlayBackwards();
                isIn = false;
            }
        }
    }

![70 4][]

## 7.From Tweens ##

![70 5][]

## 8.动画的属性设置 ##

using UnityEngine;
    using DG.Tweening;
    
    public class MyPanel : MonoBehaviour {
       
    	void Start () {
            Tweener tweener = transform.DOLocalMoveX(0, 2);
            tweener.SetEase(Ease.OutBounce);//设置动画曲线
            tweener.OnComplete(OnTweenComplete);//调用方法
            tweener.SetLoops(2);     //动画循环2次
        }
        void OnTweenComplete()
        {
            Debug.Log("动画播放完了");
        }
    
    }

![70 6][]

## 9.对话框文字动画 ##

using UnityEngine;
    using DG.Tweening;
    using UnityEngine.UI;
    
    public class MyText : MonoBehaviour {
    
        private Text text;
    	void Start () {
            text = GetComponent<Text>();
            text.DOText("大家好，我是李疆",3);
            
    	}
    }

![70 7][]

## 10.屏幕震动效果 ##

using UnityEngine;
    using DG.Tweening;
    
    public class MyShakeCamera : MonoBehaviour {
    
    	void Start () {
            transform.DOShakePosition(1, new Vector3(3, 3, 0));
            //摄像机只在x,y方向上震动，最大偏移距离为3，震动1秒
        }
    }

![70 8][]

## 11.颜色和透明度渐变动画 ##

using UnityEngine;
    using DG.Tweening;
    using UnityEngine.UI;
    public class TextColorTween : MonoBehaviour {
        private Text text;
    	void Start () {
            text = GetComponent<Text>();
            text.text = "大家好，我是李疆";
            text.DOFade(1, 3);
            text.DOColor(Color.red, 3);
    	}
    }

![70 9][]

## 12.动画的组件可视化 ##

using UnityEngine;
    using DG.Tweening;
    
    public class Panel2 : MonoBehaviour {
    
        private DOTweenAnimation tweenAnimation;
        private bool isShow = false ;
    	void Start () {
            tweenAnimation = GetComponent<DOTweenAnimation>();
    	}
        public void OnClick()
        {
            if (isShow == true)
            {
                tweenAnimation.DOPlayBackwards();
                isShow = false;
            }
            else
            {
                tweenAnimation.DOPlayForward();
                isShow = true;
            }
        }
    }

![70 10][]![70 11][]

## 13.DoTweenPath路径编辑器的使用 ##

![70 12][]

![70 13][]![70 14][]![70 15][]![70 16][]

[https_pan.baidu.com_s_1Ri4DuHrb9KIpPxMXyoNgng]: https://pan.baidu.com/s/1Ri4DuHrb9KIpPxMXyoNgng
[70]: /images/20210725/5ea570e6a40146fba73760eab41d9c73.png
[70 1]: /images/20210725/d212ffab02fb4af98551af6f17fef252.png
[70 2]: /images/20210725/f3220049cbc14609b70894a89dc6eace.png
[70 3]: /images/20210725/0c5427585d564ebba1380a6ea1482178.png
[70 4]: /images/20210725/56b86b4d73374ac58ef1c133fc8cdd54.png
[70 5]: /images/20210725/c1dcd22f66c6456987c3e2db7651d962.png
[70 6]: /images/20210725/d624bf8ee9bf4c7786bb56affa042fca.png
[70 7]: /images/20210725/34d5f376a7fd43fdb5d18c646d545e2b.png
[70 8]: /images/20210725/476138d0ffb14ab6804dd51d3ee8a5ce.png
[70 9]: /images/20210725/879a5d6eb8ab457e946437da84362fc8.png
[70 10]: https://img-blog.csdn.net/20180923114625389?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 11]: /images/20210725/ad6a319714114e8aafd8a7c9a8a9574c.png
[70 12]: /images/20210725/499cee6262724f45b0a06a4cdf8f6ef7.png
[70 13]: https://img-blog.csdn.net/20180923125903197?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 14]: https://img-blog.csdn.net/20180923130427473?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 15]: https://img-blog.csdn.net/2018092313082886?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 16]: /images/20210725/6a8b6ab2fc6b44d3a7bce6e5c5a1a9fd.png