Unity中DoTween的使用

摘要:
在Unity手机游戏的开发中,经常使用插值操作。我们可以使用Mathf.Lerp自行实现效果,但插件的使用提高了我们的开发效率。这里我们总结了DoTween的基本用法和效果描述:直接代码:1UsingDG.Tweening;2使用System.Collections;3使用System.Collections.Generic;4使用UnityEngine;5使用UnityE

在Unity手游开发中,经常用到插值运算,我们可以使用Mathf.Lerp自行去实现效果,但是使用插件提高了我们的开发效率,这里归结一下DoTween的基本使用方式以及效果说明:

直接代码:

  1 using DG.Tweening;
  2 using System.Collections;
  3 using System.Collections.Generic;
  4 using UnityEngine;
  5 using UnityEngine.UI;
  6 
  7 public class OwnTextDoTween : MonoBehaviour {
  8     //DoTween.To();
  9     public int value;
 10     public GameObject cube;
 11     Vector3 myValue = new Vector3(0, 0, 0);
 12 
 13     //打字机
 14     //text.DoText()
 15     public Text text;
 16 
 17     //屏幕震动效果
 18     // mainCamera.DOShakePosition()
 19     public Camera mainCamera;
 20 
 21     //冷却Image
 22     public Image image;
 23 
 24     public float start = 1;//fillAmount最大值
 25     public float end = 0;//fillAmount最小值
 26 
 27     void Start()
 28     {
 29         #region 1. DOTween.To() 对变量做一个动画,通过插值的方式修改一个值的变化
 30         ///对变量做一个动画,通过插值的方式修改一个值的变化
 31         //A.    用两秒的时间从0变化到50
 32 
 33         //()=> value,表示返回值为value,x=>value=x,表示将系统计算好的x值(当前值到目标值的插值)赋给value,50,表示达到的目标值,5表示所需时间
 34 
 35         //  value = 0;
 36         //  DOTween.To(() => value, x => value =x, 50,5);
 37 
 38 
 39         //B.     控制Cube或UI面板的动画
 40 
 41         ///1)、将脚本挂在Cube上,并且在Update方法中把myValue的值赋给当前位置,这样便实现了Cube从当前位置移动到了目标位置 
 42         ///用两秒的时间从0,0,0变化到10,10,10
 43         ///()=> myValue,表示返回值为myValue,x=>myValue=x,表示将系统计算好的x值(当前值到目标值的插值)赋给myValue,new Vector3(10,10,10),表示达到的目标值,5表示所需时间
 44 
 45         // DOTween.To(() => myValue, x => myValue = x, new Vector3(10, 10, 10), 5);
 46 
 47 
 48         #endregion
 49 
 50         #region 5.  FromTween:表示让物体从目标位置移动到当前位置,即等同于播放反向的移动动画
 51 
 52         //1.     DOMoveX()、DOMoveY()、DOMoveZ()
 53 
 54         ///A. 如果只是让物体的单个坐标移动,可直接用DOMoveX()、DOMoveY()、DOMoveZ()方法控制移动动画,参数为(目标位置,所需时间)
 55         // Tweener tweer =cube.transform.DOMoveX(10, 3);
 56 
 57         ///B. DoTween中任何调用动画的方法后面都可以添加From(),表示从目标位置移动到当前位置
 58         // tweer.From();
 59 
 60         ///C. From(true)表示目标坐标等于当前坐标加上当前目标坐标,如果物体当前坐标为2,那么这行代码表示从目标位置(10+ 2),经过1秒,移动到当前位置(2)
 61         /// tweer.From(true);
 62 
 63         //2.  DOLocalMoveX()、DOLocalMoveY()、DOLocalMoveZ()
 64 
 65         ///  表示局部坐标的位移动画方法。DoTween中所有对动画的设置都是通过对象Tweener来完成的
 66 
 67         // Tweener tweener = cube.transform.DOLocalMoveX(10, 2f);
 68 
 69 
 70 
 71         #endregion
 72 
 73         #region 6.SetEase() 设置缓冲类型  通过次方法来设置动画的曲线,曲线动画效果很多,在此仅做三个案例,其他的可以在系统给的枚举类型中找
 74 
 75         // Tweener teweer = cube.transform.DOMoveX(10, 2);
 76         //A.Ease.InBack
 77         /// 表示物体先向后一点,再向前播放(相当于蓄力起跑)
 78         // teweer.SetEase(Ease.InBack);
 79 
 80         //B.Ease.InBounce
 81 
 82         ///相当于一个多次蓄力进入的效果
 83         // teweer.SetEase(Ease.InBounce);
 84 
 85         //C.Ease.OutBounce
 86 
 87         /// 相当于一个落地之后的弹跳效果(惯性撞击反弹(物理属性))
 88         // teweer.SetEase(Ease.OutBounce);
 89 
 90 
 91 
 92         #endregion
 93 
 94         #region 7.SetLoops()可以通过此方法设置动画循环的次数
 95         // Tweener twer = cube.transform.DOMoveX(10, 3);
 96 
 97         //表示动画的循环次数
 98         //twer.SetLoops(2);//循环两次
 99 
100 
101 
102         #endregion
103 
104         #region 8.OnComplete()表示事件函数,当前动画播放完后调用另一个方法,参数为需要调用的方法
105         //Tweener twer = cube.transform.DOMoveX(10, 3);//DoTween中所有对动画的设置都是通过对象Tweener来完成的
106         //twer.SetEase(Ease.OutBounce);//相当于一个落地之后弹跳的效果
107         //twer.SetLoops(2);//表示动画的循环次数
108         //twer.OnComplete(Onclick);//表示当前动画播放完之后调用的事件,相当于一个注册方法,参数为需要注册的方法即为Onclick
109         #endregion
110 
111         #region 9. SetId 设置ID 可以只用 int、string、object等类型的值
112         //Tweener tweener = cube.transform.DOScale(2, 2);
113         //tweener.OnComplete(() =>
114         //{
115         //    tweener.Restart();//重复播放此动画
116         //});
117         //tweener.SetId(1);
118 
119         #endregion
120 
121         #region 10. SetAutoKill  设置自动销毁
122         //  Tweener tweener = cube.transform.DOScale(2, 2);
123         // tweener.SetAutoKill();//执行完就销毁
124         #endregion
125 
126         #region  11.Sequence 队列
127         //在实际的需求中,一个动画一般都包含对多个物体的操作,那么如何使用DoTween制作这种动画呢?对于一些简单的动画,直接顺序执行多个DoTween语句即可;对于一些复杂的动画,诸如包含延时、动画事件回调、播放音效等的动画,可以利用DoTween的动画队列完成这些操作。
128         //Sequence sequence = DOTween.Sequence();//创建一个动画(Tweener)队列
129         //sequence.Append(cube.transform.DOMoveX(6, 3).SetRelative().SetEase(Ease.OutBounce));
130         //sequence.Append(cube.transform.DOScale(3,3));
131         //sequence.Append(cube.transform.DOShakeScale(5, 1, 10, 90));//果冻颤动的效果
132         #endregion
133 
134         #region 12.设置冷却转圈的 Image
135         ///设置冷却转圈 附带设置 转一圈(回调方法直接实现,不用调用其他的方法)
136        // image.DOFillAmount(0, 5).SetEase(Ease.Linear).SetLoops(1, LoopType.Yoyo);//从当前到0,时间为5秒
137 
138         #endregion
139 
140 
141         #region
142         #endregion
143         #region
144         #endregion
145         #region
146         #endregion
147 
148 
149     }
150     /// <summary>
151     /// OnComplete()事件函数执行完所有动画后调用的方法
152     /// </summary>
153     public void Onclick()
154     {
155         Debug.Log("OnComplete()表示事件函数,当前动画播放完后调用另一个方法,我是参数为需要调用的方法");
156     }
157 
158 
159     void Update()
160     {
161 
162         #region 1. DOTween.To() 对变量做一个动画,通过插值的方式修改一个值的变化(updata中赋值show变化)
163         ///对变量做一个动画,通过插值的方式修改一个值的变化(updata中赋值show变化)
164         //A.  text.text = value.ToString();
165 
166 
167         ///B.1)、将脚本挂在Cube上,并且在Update方法中把myValue的值赋给当前位置,这样便实现了Cube从当前位置移动到了目标位置
168         // cube.transform.localPosition = myValue;
169 
170 
171         #endregion
172 
173         #region 2. 对话框文字动画,该方法显示打字机效果
174         ///DOText()
175         ///对话框文字动画,该方法显示打字机效果
176         if (Input.GetKeyDown(KeyCode.A))
177         {
178             text.DOText("你好我好他好大家好大大所多所多", 10);//打字机效果
179         }
180         #endregion
181 
182         #region 3. 屏幕震动效果,原理是让摄像机进行随机方向的位移,产生震动的假象
183         ///DOShakePosition()
184         /// 屏幕震动效果,原理是让摄像机进行随机方向的位移,产生震动的假象
185         if (Input.GetKeyDown(KeyCode.B))
186         {
187             mainCamera.DOShakePosition(0.8f);//表示震动时间是0.8秒,震动方向随机
188             mainCamera.DOShakePosition(0.8f, new Vector3(1, 1, 0));//表示震动时间是0.8秒,震动方向为x和y方向,震动强度为1
189         }
190         #endregion
191 
192         #region 4. 颜色渐变和透明度渐变动画
193         /// DOColor()、DOFade()
194         ///颜色渐变和透明度渐变动画
195         if (Input.GetKeyDown(KeyCode.C))
196         {
197             text.DOText("你好拿的数据大发发附件", 8);//打字机
198             text.DOColor(Color.blue, 2);//渐变颜色动画
199             text.DOFade(0, 5);//渐变透明度动画参数为(透明度,渐变时间),其中0为不透明,1为完全透明
200         }
201         #endregion
202 
203     }
204 
205     #region 小案例
206     //private Button myButton;
207     //private RectTransform taskPanelTransform;//UGUI是通过RectTransform组件来控制移动属性的
208     //private bool isShow = false;
209 
210     //void Start()
211     //{
212     //    myButton = transform.Find("Button").GetComponent<Button>();
213     //    taskPanelTransform = transform.Find("Panel").GetComponent<RectTransform>();
214     //    myButton.onClick.AddListener(OnClickBtn);//UGUI中监听按钮的方法
215     //    Tweener tweener = taskPanelTransform.DOLocalMove(new Vector3(0, 0, 0), 1);//修改的是局部坐标,默认动画完后会被销毁
216     //     //Tweener对象保存这个动画的信息,每次调用do类型的方法都会调用一个tweener对象,这个对象使用DoTween来管理
217     //    tweener.SetAutoKill(false);//把SetAutoKill自动销毁设置为false
218     //    tweener.Pause();//让动画在开始时暂停
219     //}
220     //public void OnClickBtn()
221     //{
222     //    //   taskPanelTransform.DOMove(new Vector3(0, 0, 0),1);//DOMove()方法是Dotween扩展的方法,表示经过1秒运动到0,0,0的位置(修改的是世界坐标)
223     //    if (isShow == false)
224     //    {
225     //       // taskPanelTransform.DOPlay();//让动画只播放一次
226     //        taskPanelTransform.DOPlayForward();//让动画向前播放
227     //        isShow = true;
228     //    }
229     //    else
230     //    {
231     //        taskPanelTransform.DOPlayBackwards();//倒放动画的方法
232     //        isShow = false;
233     //    }
234     //}
235     #endregion
236 }

以上就是一些基本使用方式,这是个局部,后续有机会再更新!!!

渴望交流!!!

免责声明:文章转载自《Unity中DoTween的使用》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Log4net源码View之Logger解析offsetTop、offsetLeft、offsetWidth、offsetHeight、style中的样式下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

【WPF学习】第五十五章 基于路径的动画

  基于路径的动画使用PathGeometry对象设置属性。尽管原则上基于路径的动画也能用于修改任何适当数据类型的属性,但当动态改变与位置相关的属性时最有用。实际上,基于路径的动画类主要用于帮助沿着一条路径移动可视化对象。   正如在“【WPF学习】第四十三章 路径和几何图形”学过的,PathGeometry对象描述可包含直线、弧线以及曲线的图形。下图显示...

CSS3动画

animation动画通过设置多个节点来精确控制一个或者一组动画,常用来实现复杂的动画效果;相对过渡动画,animation动画可以实现更多变化,更多控制,实现自动播放等效果; 定义动画 制作animation动画需要两个步骤: 第一步,需要先定义动画,0%的时候我们一般建议什么也不要设置,默认就是初始的样式;         @keyframes 动画名...

【WPF学习】第四十九章 基本动画

  在前一章已经学习过WPF动画的第一条规则——每个动画依赖于一个依赖项属性。然而,还有另一个限制。为了实现属性的动态化(换句话说,使用基于时间的方式改变属性的值),需要有支持相应数据类型的动画类。例如,Button.Width属性使用双精度数据类型。为实现属性的动态化,需要使用DoubleAnimation类。但Button.Paddin属性使用的是Th...

(转) 如何在Excel和Word文档中插入GIF动画

Office Excel 和Word文档中插入图片很容易做到,但是要插入GIF动画,并且还要能让这个动画动起来,就不能依照普通的“插入 → 图片→ 来自文件”的方法了,否则的话即便是把GIF插入进去,也只是个静态的画面,并不能够动起来。要想实现动画的目的,就得借助VB中的一个特殊的插件—— AniGIF.ocx(在PPT中无需这个插件)。本文就以Excel...

YUI3学习笔记 ( 6 )

[ anim类 ] <1> anim类在引入的时候,有两种,一种是"anim",另一种是"anim-color",其中前面一种能使用几乎所有的运动,包括形变,位置变化和滚动。后面一种包括形变和颜色变化,但不能使用位置变化。<2> anim类有实例级的方法,也有类级的静态方法,实例级的方法控制单个动画,类级静态方法可以控制所有实例。&l...

Unity序列帧实现

转自: 脱莫柔Unity3D学习之旅 读取Resources文件夹下的序列帧,两种播放方式。 using UnityEngine;   using System.Collections;      public class anim_xuanwo: MonoBehaviour {       public string movieName = "You...