http://blog.csdn.net/sinat_20559947/article/details/69356785
DoTween从何而来
在NGUI中提供了UITween
来支持UI的动画编写,极度降低了代码的复杂度
然而,我们的UGUI中并没有类似UITween的功能进行支撑
所以我们用到了第三方插件 DoTween
在我们Unity官方的UGUI的Demo中UI的动画是使用Animator来制作的,试想一下,如果我们的UI如果需要动画效果,那么就需要使用
AnimationController,除此之外,还需要去编辑动画,如果数量不多
的UI可以这样,如果UI过多的需要动画,那么工作量就有些庞大了
所以现在市面上绝大多数使用UGUI开发的公司都使用了DoTween来
辅助完成UI动画的设计,当然,DoTween也可以应用到3D物体上
记得大概2014年的时候就有了这款插件,这款插件最开始的时候就是应用到3D游戏物体上的动画,后来才被扩展到UGUI
中
好的,废话说完了….
DoTween简介
DoTween分 免费版 和 Pro版 两个版本
DoTween官网:http://dotween.demigiant.com/index.php
免费版下载:http://dotween.demigiant.com/download.php
Pro版下载:http://dotween.demigiant.com/pro.php
DoTween官方文档:http://dotween.demigiant.com/documentation.php
Pro版本DOTween Animation和DOTween Path这两个组件,支持可视化编辑
献上一份破解版的DoTween插件仅供学习使用:https://pan.baidu.com/s/1coypie
DoTween的使用
1.首先在官网上下载DoTween的最新版
注意:从官网下载的是zip的压缩包,解压之后需要将文件夹手动拖拽到工程中去2.成功导入之后Unity的工程中在Unity编辑器中会出现Tools一项
出现之后点击Tools->DOTween Utility Panel3.之后会弹出DoTween的面板,点击SetUp DoTween完成自动设置
-
如果你不写代码的话,前面的3个步骤就完成了DoTween的配置
-
但是,如果你要在代码中使用DoTween,那么
在代码中,使用DoTween的时候我们需要引入using DG.Tweening;
DoTween代码示例
值的渐变:
DoTween.To()提供了一个通用的方法,可以改变一个值,int,float
或者vector3等等…
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
物体Transform属性值的改变
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
播放往返动画
重点:DoTween的每一句代码都会产生一个动画,这个动画是Tweener类型的,可以接收并用代码进行一系列设置
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
- 39
- 40
- 41
- 42
- 43
- 44
- 45
- 46
- 47
- 48
- 49
- 50
- 51
- 52
- 53
- 54
- 55
- 56
- 57
- 58
- 59
- 60
- 61
设置动画的运动方式,如:匀速运动
设置循环次数
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
控制UGUI的文本组件,文字以打印机的特效显示
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
屏幕震动效果
其实就是让摄像机的位置动了几下
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
还有很多很多功能…
就不一一赘述了,在官网的文档里面介绍了DoTween的所有方法
几乎对所有的组件都进行了一个类似于上面的扩展,大家自行学习吧
明天见 (^__^)