DOTween教程☀️DOTween的使用教程

简介: DOTween教程☀️DOTween的使用教程

📢 DOTween官网

DOTween官网: 传送门


🟥 DOTween使用技巧

1️⃣ DoKill的使用技巧

当前dotween动画没播放完,便再次播放有冲突的操作,如连续多次播放、正播、倒播,导致显示不正常或报错。

解决方法:在每次开始执行播放动画时,先加上下面对应类似的杀死进程代码,就OK了

transform.DOKill();
transform.RectTransform().DOKill();


2️⃣ 忽略timeScale的影响

让DOTweenAnimation忽略Time.timeScale = 0的影响

GetComponent<DOTweenAnimation>().tween.SetUpdate(true);


3️⃣ 动态添加DOTweenAnimation的方法

🚩 方法1:代码控制

transform.DOLocalRotate(new Vector3(0, 0, -360), 2, RotateMode.FastBeyond360)
                .SetEase(Ease.Linear).SetLoops(-1, LoopType.Restart).Play();


🚩 方法2:添加组件

在实际测试,发现有时莫名失效。建议采用预制体形式。

using DG.Tweening;
using DG.Tweening.Core;
 
DOTweenAnimation da= ob.gameObject.AddComponent<DOTweenAnimation>();
da.animationType = DOTweenAnimationType.LocalRotate;
da.easeType = Ease.Linear;
da.duration = 0.3f;
da.loops = -1;
da.endValueV3 = new Vector3(0, 50, 0);


🟧 DOTween的API介绍

1️⃣ DOTween.To

将某点在一定时间内移动到某点

using DG.Tweening;
 
Vector3 myvalue = new Vector3(0, 0, 0);
DOTween.To(() => myvalue, x => myvalue = x, new Vector3(10, 10, 10), 2);
                 要移动的初始值                目标值                时间


2️⃣ DOMove

在1s内将目标物体从当前位置移动到目标位置

transform.DOMove(new Vector3(1, 1, 1), 1);
transform.DOLocalMove(new Vector3(1, 1, 1), 1);


3️⃣ DOMoveX、DOMoveY、DOMoveZ

从当前位置延X/Y/Z方向,移动到目标位置5

transform.DOMoveX(5, 1);


4️⃣ From

从目标位置,移动到当前位置

绝对位置,若当前坐标(1,0,0),即从5运动到1
transform.DOMoveX(5, 1).From();
transform.DOMoveX(5, 1).From(false);
 
相对位置,若当前坐标(1,0,0),即从6运动到1(6-1=5,相对位移5)
transform.DOMoveX(5, 1).From(true);


5️⃣ Pause、DOPlay、DOPlayForward、DOPlayBackwards、DORestart

动画暂停、动画播放、动画向前播放、动画倒放

//DOTween播放会生成动画,动画保存在Tweener信息中,默认动画播放完会被销毁,要想倒放,必须设为不被销毁
//tweener也会播放动画
Tweener tweener= transform.DOLocalMove(new Vector3(1, 1, 1), 1);
tweener.SetAutoKill(false);
//暂停动画
tweener.Pause();
//播放动画,只播放一次,再次调用不可播放
transform.DOPlay();
//向前播放动画
transform.DOPlayForward();
//动画倒放
transform.DOPlayBackwards();
//重新播放动画:若用的可视化编辑,需取消AutoKill
transform.DORestart();


6️⃣ SetEase

设置动画曲线,即动画运动方式(类似设置PPT动画的出现效果)

Tweener tweener = transform.DOLocalMoveX(0, 5);
tweener.SetEase(Ease.InBounce);


7️⃣ SetLoops

设置动画播放次数,下为播放两次动画

Tweener tweener = transform.DOLocalMoveX(0, 5);
tweener.SetLoops(2);


8️⃣ 事件函数

动画播放完成事件函数

Tweener tweener = transform.DOLocalMoveX(0, 5);
//动画播放完成调用事件函数
tweener.OnComplete(你的方法);
 
//动画销毁调用事件函数
tweener.OnKill(你的方法);
 
//动画播放时调用事件函数(一直调用)
tweener.OnPlay(你的方法);
 
//动画暂停时调用事件函数
tweener.OnPause(你的方法);
 
//动画重置时调用事件函数
tweener.OnRewind(你的方法);
 
//动画开始播放时调用事件函数
tweener.OnStart(你的方法);
 
//动画播放时调用事件函数(一次)
tweener.OnPlay(你的方法);


9️⃣ DOText 文本动画

文本框内无文字,在3s内逐字显示文字。

若有文字,则逐字覆盖掉原先文字,显示新文字

GetComponent<Text>().DOText("接下来我们进入第二篇章", 3);


🔟DOShakePosition 震动效果

挂载在摄像机上面

//持续时间,其余默认
transform.DOShakePosition(1);
//持续时间、强度(下为只在X、Y方向上震动)
transform.DOShakePosition(1,new Vector3(3,3,0));


1️⃣1️⃣ DOColor 改变颜色

在2s中将原本颜色变为红色

GetComponent<Text>().DOColor(Color.red, 2);


1️⃣2️⃣ DOFade 改变透明度

文字透明度会在3s内从0变为1

GetComponent<Text>().DOFade(1, 3);


🟩 可视化路径编辑

该组件在DOTween Pro插件里面,pro版下载地址:传送门


1️⃣ DoTweenPath面板属性的含义

该面板的属性含义如下:

  • Shift+Ctrl:添加路径点
  • Shift+Alt:删除路径点
  • Duration:时长
  • Delay:延迟时间
  • Ease:运动模式
  • Loops:播放次数,-1为循环播放,0为播放一次
  • Path Type:Linner/Catmull Rom,Linner,线性;Catmull Rom给路径做圆滑处理
  • Close Path:将起点与终点连接,围成一个圈
  • Local Movement:局部坐标下移动
  • Orientation:朝向。To Path,游戏物体朝向路径运动;Look At Transform;Look At Position
  • Relative:勾选后,选择游戏物体,路径可整体移动
  • Show Indexes:是否显示路径索引
  • Handles Type:Free/Full,Full,每个点显示三坐标
  • Reset Path:删除所有点,重置路径

2️⃣ 代码控制DoTweenPath的方法

using UnityEngine;
using DG.Tweening;
 
public class UIController : MonoBehaviour {
 
    DOTweenPath tweenAnimation;
 
  void Start () {
        tweenAnimation = GetComponent<DOTweenPath>();
    }
  
    public void OnClick()
    {
        //开始播放
        tweenAnimation.DOPlay();
 
        //运动开关:点击一次,继续开始播放,再点击一次,在当前位置暂停
        tweenAnimation.DOTogglePause();
 
        //重新播放动画
        tweenAnimation.DORestart();
 
        //杀死动画,此后无法再播放动画
        tweenAnimation.DOKill();
    }
}


相关文章
|
图形学
【推荐100个unity插件之2】 DoTween动画插件的安装和使用整合(最全)
【推荐100个unity插件之2】 DoTween动画插件的安装和使用整合(最全)
1579 0
|
9月前
|
存储 C# 图形学
Unity 逐字显示 打字机效果
在 Unity 中实现逐字显示的打字机效果,主要通过 UGUI Text 组件和 C# 脚本完成。核心原理是将文本逐字拆分并按时间间隔依次显示。具体步骤如下:1. 创建 Text 组件和脚本;2. 使用协程或 Update 方法控制字符逐个显示。代码示例展示了两种实现方式,一种使用协程 `IEnumerator`,另一种通过 `Update` 方法结合 `Substring` 实现逐字显示效果。
|
缓存 API 开发工具
有关Unity使用Rider编辑器无法弹出代码提示的有效解决方法
【11月更文挑战第13天】在 Unity 中使用 Rider 编辑器时,若遇到代码提示无法弹出的问题,可以通过检查 Rider 设置(如自动补全选项、Unity 插件安装、索引设置)、Unity 项目设置(如解决方案正确关联、脚本导入设置)以及环境和依赖关系(如 .NET SDK 版本兼容性、Unity 和 Rider 版本兼容性)等方面进行排查和解决。
1976 5
|
图形学
【unity小技巧】受伤屏幕闪红、死亡动画、死亡黑屏效果
【unity小技巧】受伤屏幕闪红、死亡动画、死亡黑屏效果
859 2
小功能⭐️解决Unity无法对一个物体上的所有材质球进行更改
小功能⭐️解决Unity无法对一个物体上的所有材质球进行更改
|
图形学 缓存 算法
掌握这五大绝招,让您的Unity游戏瞬间加载完毕,从此告别漫长等待,大幅提升玩家首次体验的满意度与留存率!
【8月更文挑战第31天】游戏的加载时间是影响玩家初次体验的关键因素,特别是在移动设备上。本文介绍了几种常见的Unity游戏加载优化方法,包括资源的预加载与异步加载、使用AssetBundles管理动态资源、纹理和模型优化、合理利用缓存系统以及脚本优化。通过具体示例代码展示了如何实现异步加载场景,并提出了针对不同资源的优化策略。综合运用这些技术可以显著缩短加载时间,提升玩家满意度。
1577 6
|
编解码 前端开发 Java
【推荐100个unity插件之12】UGUI的粒子效果(UI粒子)—— Particle Effect For UGUI (UI Particle)
【推荐100个unity插件之12】UGUI的粒子效果(UI粒子)—— Particle Effect For UGUI (UI Particle)
1665 0
|
前端开发 Linux API
【推荐100个unity插件之8】实现多人在线联机游戏——Mirror插件的使用介绍(附项目源码)
【推荐100个unity插件之8】实现多人在线联机游戏——Mirror插件的使用介绍(附项目源码)
4146 0
|
JSON 开发框架 API
【推荐100个unity插件之20】一个强大的JSON处理库——Newtonsoft.Json(也称为Json.NET)
【推荐100个unity插件之20】一个强大的JSON处理库——Newtonsoft.Json(也称为Json.NET)
1302 0
|
图形学
【实现100个unity特效之2】使用shader和shader Graph实现2d图片描边效果(附源码)
【实现100个unity特效之2】使用shader和shader Graph实现2d图片描边效果(附源码)
1177 0