DoTween详细使用教程

DoTween 默认配置加上链式调用API风格,配上lambda匿名函数调用,非常简单清晰好用。DoTween实现了通用的缓动算法,能够配置出各种想要的动画效果。另外,队列延迟回调函数,也能完成各种异步延迟执行功能。

DoTween 为各种Unity的对象做了函数绑定,方便调用。比如Transform, Color, Text, Material等都可以直接调用DoTween的动画API。我们先从通用的动画函数来了解。

[csharp] view plain copy

  1. public static Tweener To(DOGetter<T> getter, DOSetter<T> setter, T endValue, float duration)
  2. // 创建一个 Tweener 从当前坐标0.5秒移动到坐标Vector3(100, 100, 100)位置
  3. Tween tween = DOTween.To
  4. (
  5. ()  => transform.position,
  6. (x) => transform.position = x,
  7. new Vector3(100, 100, 00),
  8. 0.5f
  9. );

参数T可以是各种数值类型,比如int,float,long ,vector等。getter, setter就是两个代理函数,可以使用匿名函数传入。getter 用来获取当前需要设置的值,setter用来设置当前数值,参数x是有DoTween计算过后的数值。endValue就是最终的数值,duration是使用的时间。和标准的Tween动画是一样的。

getter, setter可以是多条语句的函数,就需要用{}括起来。理解起来就是,DoTween利用传入的两个函数,来获取初始值和每帧设置值,这样就能驱使数值的变化反映到属性上。这里返回tween对象,是为了链式调用,DoTween几乎所有的函数调用都会返回tween对象,能够继续调用其他函数。

[csharp] view plain copy

  1. DOTween.To
  2. (
  3. ()  => audio.volume,
  4. (v) => audio.volume = v,
  5. 1.0f,
  6. 10
  7. )
  8. .OnComplete
  9. (
  10. () =>
  11. {
  12. // 回调执行
  13. }
  14. )
  15. .SetEase(Ease.OutSine);

比如,这里我们链式调用了完成时候的回调函数,和设置缓动算法。缓动对象可以枚举所有通用的缓动算法。

另外,还有一个专门对颜色处理的通用函数。

[csharp] view plain copy

  1. Image stepImage = transoform.GetComponent<Image>();
  2. DOTween.ToAlpha
  3. (
  4. ()  => stepImage.color,
  5. (c) => stepImage.color = c,
  6. 0,
  7. 0.5f
  8. );

这里和To的函数调用相似,只是这里仅仅会变化alpha数值来改实现变透明度的动画。

接下来就是一些列绑定Transform, Color, Text, Material的使用。

[csharp] view plain copy

  1. // 0.5秒内局部坐标变化到10,10,10
  2. transform.DOLocalMove(new Vector3(10, 10, 10), 0.5f);
  3. // 0.5秒内x世界坐标变换到5
  4. transform.DOMoveX(5, 0.5f);
  5. // 0.5f秒内世界坐标相对当前,运动到5,5,5, 使用OutCubic缓动算法
  6. transform.DOBlendableMoveBy(new Vector3(5, 5, 5), 0.5f).SetEase(Ease.OutCubic)
  7. // text 2秒内渐变透明到0
  8. text.DOFade(0, 2f).SetEase(Ease.OutSine);
  9. // 0.3秒内材质属性fade变化到5,使用缓动算法
  10. material.DOFloat(5, "_fade", 0.3f).SetEase(Ease.OutSine);
  11. // 5秒内弹跳3次,弹到10,10,10位置
  12. transform.DOJump(new Vector3(10, 10, 10), 3, 5f);

总结起来就是:

  • Do开头,带Local的就是局部坐标系,不带的就是世界坐标系
  • 所有函数调用都是链式调用
  • 可以自己设置缓动算法类型,也可以用一些配好的,比如Jump
  • 符合直觉得API,move就是移动,scale就是缩放,rotation就是旋转,color就是颜色,数值的变化就是Float
  • 更多的功能用法直接在程序中自动补全就可以理解意思

最后,我们来了解一下非常好用强大的动画队列Sequence的使用。

[csharp] view plain copy

  1. DOTween.Sequence();

返回一个Sequence对象,以后Sequence对象都是返回Sequence对象,依然可以像Tween一样链式调用。重点介绍几个函数的意义。

  • Append(tweener) 可以再队里追加一个tweener,会按照顺序依次执行这个tweener,一个tweener完成执行下一个。也就是说上面产生的tweener都能放进去。
  • Insert(time, tweener) 可以再队列插入高一二tweener,第一个参数时间,就是在这个队列执行多少时间后,执行插入的tweener。
  • AppendInterval(time) 追加一个事件间隔,在队列执行的过程中,停顿一个事件,然后继续执行。
  • AppendCallback(func) 追加一个匿名函数,在队列中执行一个回调。

然后,看个列子,队列可以执行动画,执行回调函数,按照我们需要的时间和次序进行,非常方便符合直觉使用。

[csharp] view plain copy

  1. DOTween.Sequence()
  2. .Append
  3. (
  4. go.transform.DOBlendableMoveBy(new Vector3(0, move, 0), 0.5f).SetEase(Ease.OutCubic)
  5. )
  6. .Append
  7. (
  8. go.transform.DOBlendableMoveBy(new Vector3(0, move, 0), 1.5f).SetEase(Ease.OutSine)
  9. )
  10. .Insert
  11. (
  12. 0.8f,
  13. text.DOFade(0, 2f).SetEase(Ease.OutSine)
  14. )
  15. .AppendCallback
  16. (
  17. () =>
  18. {
  19. DestroyImmediate(go);
  20. }
  21. );
  22. DOTween.Sequence()
  23. .AppendInterval(0.1f)
  24. .AppendCallback
  25. (
  26. () =>
  27. {
  28. dialog.OnOpenComplete();
  29. }
  30. )
  31. .Play();
时间: 2024-10-05 08:54:16

DoTween详细使用教程的相关文章

html5 canvas 详细使用教程

导航 前言 基本知识 绘制矩形 清除矩形区域 圆弧 路径 绘制线段 绘制贝塞尔曲线 线性渐变 径向渐变(发散) 图形变形(平移.旋转.缩放) 矩阵变换(图形变形的机制) 图形组合 给图形绘制阴影 绘制图像(图片平铺.裁剪.像素处理[不只图像.包括其他绘制图形]) 绘制文字 保存和恢复状态(context) 保存文件 结合setInterval制作动画 结语.demo下载   前言 <canvas></canvas>是html5出现的新标签,像所有的dom对象一样它有自己本身的属性.

WiFi密码破解详细图文教程

每天都能看到有不少网友在回复论坛之前发布的一篇破解WiFi密码的帖子,并伴随各种疑问.今天流云就为大家准备一篇实战型的文章吧,详细图文从思维CDlinux U盘启动到中文设置,如何进行路由SSID扫描.WPA密码类型该如何破解.字典该怎样做(WEP加密的密码貌似可以直接破解不用字典)效果比BT8要强悍很多!这是一篇详细介绍WiFi密码破解的文章,准备好了吗? 好了,先说下提前要准备的东东吧:1.U盘一枚,最小1G空间.需进行格式化操作,提前保存内部文件.2.CDlinux镜像.帖子最后会提供一枚

SQL Server 2005恢复数据库详细图文教程

不少需要用到sql2005的程序,有很多新手还是会操作,这里写个详细的图文教程送个菜鸟们,高手请飘过.适用于独立主机的朋友使用,如果你还没安装,请按照这个教程来安装 SQL Server 2005图文安装教程,超详细 下面是SQL Server 2005恢复数据库的详细过程 1:打开SQL Server Management Studio并登录,这个一般在开始--程序里面找到 2:鼠标右键单击数据库--新建数据库 3:弹出来的框里,填写数据库名称,我这里填写的是sqlqtdy,这个根据自己需求来

iis7.5安装配置php环境详细清晰教程,三步实现【图文】

iis7.5安装配置php环境详细清晰教程,三步实现[图文] iis7.5是安装在win7.win8里的web服务器,win2003.win2000的web服务器使用的是iis6.0,由于win7.win8系统相比win2003.win2000有了改新革面的不同,因此对于iis7.5的配置也必需捣鼓一翻才能熟悉.不过这些都是操作性的东西,就如当初第一次接触iis6.0那样,操作过几遍就慢慢熟悉了. 当下我需要web服务器运行php程序,因此要配置一下php环境.一开始以为比较容易,因为在iis6

Burp Suite详细使用教程

Burp Suite详细使用教程-Intruder模块详解 最近迷上了burp suite 这个安全工具,百度了关于这个工具的教程还卖900rmb...ohno.本来准备买滴,但是大牛太高傲了,所以没买了.所以就有了今天这个文章.感谢帮助我的几个朋友:Mickey.安天的Sunge.0×01 介绍安装要求:Java 的V1.5 + 安装( 推荐使用最新的JRE ), 可从这里免费 http://java.sun.com/j2se/downloads.html Burp Suite 下载地址:ht

【转】图文cadence allegro16.6 超详细破解教程(附cadence16.6破解文件)

Win8下安装cadence allegro16.6出错的解决方法: 自从 cadence allegro 16.6 发布后小菜发现很多爱好电子设计的朋友寻找破解方法,所以小菜写了这篇文章,详细图文介绍了cadence allegro 16.6 的具体破解步骤.Win8.1发布了也有一段时间了,很多朋友升级到了此系统,本教程同样适用Win8下 和16.6以前版本的cadence的破解.为什么很多朋友Win8下破解出问题呢,原因是Win8系统默认很多运行库没有安装,cadence allegro的

Oracle11超详细安装教程和配置

这篇博客主要是介绍一下Oracle数据的安装过程和简单的配置,帮助大家可以简单的让Oracle运行起来,只是一个基础的教程. 准备工作: 如果你以前装过Oracle数据库,而且安装目录要改变请先打开注册表编辑器里的: HKEY_LOCAL_MACHINE\SOFTWARE\ORACLE\和HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\services\Oracle11和它下面的几个.如果你没安装过Oracle产品的话在注册表里面的与Oracle有关的注册

Lamp环境的详细安装教程

原文:Lamp环境的详细安装教程 架构LAMP环境 1.布置LAMP环境之前的准备工作 在架构LAMP环境时,确保你的Linux系统已经安装了make.gcc.gcc-c++(使用rpm -q xxx 查看系统是否已经安装软件) 解压Lamp压缩包 下载地址:http://pan.baidu.com/s/1hq4hI5m 如果解麻烦的话,可以写一个自动解压脚本 1 cd /lamp #你解压的目录 2 3 ls *.tar.gz > ls.list 4 5 for tar in ‘cat ls.

nginx详细配置教程

一.安装nginx 安装nginx之前首先需要安装"Development Tools"和 "Development Libraries"两个基本组包.yum groupinstall "Development Tools" "Development Libraries".另外还需要安装pcre-devel包. 安装pcre-devel: yum install pcre-devel 安装nginx: 添加nginx账号gro