Unity3D DoTween 简明快速使用教程

2024-04-16 18:08

本文主要是介绍Unity3D DoTween 简明快速使用教程,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

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


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

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

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


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

              DOTween.To(()  => audio.volume,(v) => audio.volume = v,1.0f,10).OnComplete(() =>{// 回调执行}    ).SetEase(Ease.OutSine);

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



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

		Image stepImage = transoform.GetComponent<Image>();DOTween.ToAlpha(()  => stepImage.color,(c) => stepImage.color = c,0, 0.5f);

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



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

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

总结起来就是:

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


最后,我们来了解一下非常好用强大的动画队列Sequence的使用。
DOTween.Sequence();
返回一个Sequence对象,以后Sequence对象都是返回Sequence对象,依然可以像Tween一样链式调用。重点介绍几个函数的意义。
  • Append(tweener) 可以再队里追加一个tweener,会按照顺序依次执行这个tweener,一个tweener完成执行下一个。也就是说上面产生的tweener都能放进去。
  • Insert(time, tweener) 可以再队列插入高一二tweener,第一个参数时间,就是在这个队列执行多少时间后,执行插入的tweener。
  • AppendInterval(time) 追加一个事件间隔,在队列执行的过程中,停顿一个事件,然后继续执行。
  • AppendCallback(func) 追加一个匿名函数,在队列中执行一个回调。
然后,看个列子,队列可以执行动画,执行回调函数,按照我们需要的时间和次序进行,非常方便符合直觉使用。

            
DOTween.Sequence().Append(go.transform.DOBlendableMoveBy(new Vector3(0, move, 0), 0.5f).SetEase(Ease.OutCubic)).Append(go.transform.DOBlendableMoveBy(new Vector3(0, move, 0), 1.5f).SetEase(Ease.OutSine)).Insert(0.8f,text.DOFade(0, 2f).SetEase(Ease.OutSine)).AppendCallback(() =>{DestroyImmediate(go);});DOTween.Sequence().AppendInterval(0.1f).AppendCallback(() =>{dialog.OnOpenComplete();}).Play();

清晰明了一看就明白。



最后,tween动画,围绕着缓动算法和一系列链式调用,是一个独立通用的实现。在网页中也经常使用js来实现。缓动算法的介绍这里有 http://robertpenner.com/easing/ 。我用c语言实现了一个独立的tween动画功能。原理是想通,DoTween肯定也是按照这个机制去实现的。参看这里:

C 实现通用Tween缓动动画(1)插值公式
C 实现通用Tween缓动动画(2)Tween数据结构
C 实现通用Tween缓动动画(3)快捷链式调用接口

这篇关于Unity3D DoTween 简明快速使用教程的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/909517

相关文章

使用Python和Pyecharts创建交互式地图

《使用Python和Pyecharts创建交互式地图》在数据可视化领域,创建交互式地图是一种强大的方式,可以使受众能够以引人入胜且信息丰富的方式探索地理数据,下面我们看看如何使用Python和Pyec... 目录简介Pyecharts 简介创建上海地图代码说明运行结果总结简介在数据可视化领域,创建交互式地

Java Stream流使用案例深入详解

《JavaStream流使用案例深入详解》:本文主要介绍JavaStream流使用案例详解,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录前言1. Lambda1.1 语法1.2 没参数只有一条语句或者多条语句1.3 一个参数只有一条语句或者多

Java Spring 中 @PostConstruct 注解使用原理及常见场景

《JavaSpring中@PostConstruct注解使用原理及常见场景》在JavaSpring中,@PostConstruct注解是一个非常实用的功能,它允许开发者在Spring容器完全初... 目录一、@PostConstruct 注解概述二、@PostConstruct 注解的基本使用2.1 基本代

C#使用StackExchange.Redis实现分布式锁的两种方式介绍

《C#使用StackExchange.Redis实现分布式锁的两种方式介绍》分布式锁在集群的架构中发挥着重要的作用,:本文主要介绍C#使用StackExchange.Redis实现分布式锁的... 目录自定义分布式锁获取锁释放锁自动续期StackExchange.Redis分布式锁获取锁释放锁自动续期分布式

springboot使用Scheduling实现动态增删启停定时任务教程

《springboot使用Scheduling实现动态增删启停定时任务教程》:本文主要介绍springboot使用Scheduling实现动态增删启停定时任务教程,具有很好的参考价值,希望对大家有... 目录1、配置定时任务需要的线程池2、创建ScheduledFuture的包装类3、注册定时任务,增加、删

快速修复一个Panic的Linux内核的技巧

《快速修复一个Panic的Linux内核的技巧》Linux系统中运行了不当的mkinitcpio操作导致内核文件不能正常工作,重启的时候,内核启动中止于Panic状态,该怎么解决这个问题呢?下面我们就... 感谢China编程(www.chinasem.cn)网友 鸢一雨音 的投稿写这篇文章是有原因的。为了配置完

使用Python实现矢量路径的压缩、解压与可视化

《使用Python实现矢量路径的压缩、解压与可视化》在图形设计和Web开发中,矢量路径数据的高效存储与传输至关重要,本文将通过一个Python示例,展示如何将复杂的矢量路径命令序列压缩为JSON格式,... 目录引言核心功能概述1. 路径命令解析2. 路径数据压缩3. 路径数据解压4. 可视化代码实现详解1

Pandas透视表(Pivot Table)的具体使用

《Pandas透视表(PivotTable)的具体使用》透视表用于在数据分析和处理过程中进行数据重塑和汇总,本文就来介绍一下Pandas透视表(PivotTable)的具体使用,感兴趣的可以了解一下... 目录前言什么是透视表?使用步骤1. 引入必要的库2. 读取数据3. 创建透视表4. 查看透视表总结前言

Python 交互式可视化的利器Bokeh的使用

《Python交互式可视化的利器Bokeh的使用》Bokeh是一个专注于Web端交互式数据可视化的Python库,本文主要介绍了Python交互式可视化的利器Bokeh的使用,具有一定的参考价值,感... 目录1. Bokeh 简介1.1 为什么选择 Bokeh1.2 安装与环境配置2. Bokeh 基础2

Android使用ImageView.ScaleType实现图片的缩放与裁剪功能

《Android使用ImageView.ScaleType实现图片的缩放与裁剪功能》ImageView是最常用的控件之一,它用于展示各种类型的图片,为了能够根据需求调整图片的显示效果,Android提... 目录什么是 ImageView.ScaleType?FIT_XYFIT_STARTFIT_CENTE