Unity3d 插件 系列——DoTweenPro介绍(图文详细+案例)

时间:2024-01-03 18:10:41 买帖  | 投诉/举报

篇首语:本文由小编为大家整理,主要介绍了Unity3d 插件 系列——DoTweenPro介绍(图文详细+案例)相关的知识,希望对你有一定的参考价值。

Unity3d 插件 系列——DoTweenPro介绍(图文详细+案例)

  • 前言
  • 一、DoTweenPro简介
  • 二、DoTweenPro安装
  • 三、DoTweenPro主要组件
    • 1.DoTweenAnimation
    • 2.DoTweenPath
    • 3.DOTween Visual Manager
  • 三、DoTweenPro的应用案例
  • 总结
  • 💢💢版权声明


前言

之前一直在用DoTween,最近因为工作需要开始看DoTweenPro,记录下学习过程。
个人感觉DoTweenPro是比原来的DoTween要方便,主要体现在他的可视化编辑器,让即使不懂代码的策划或者美术也可以很轻松的去调节工程内的动画部分。
还是老样子,先上demo展示:


一、DoTweenPro简介

DoTweenPro的官网:DoTweenPro官网
DOTween Pro是DOTween的一个扩展,它包括新的可视化编辑器和脚本功能


二、DoTweenPro安装

官方给的安装方式是unity商店直接购买下载安装,是需要支付15美元的,我们强烈支持正版。
这是我上传CSDN的安装包链接链接,仅支持学习交流。
直接安装package包就可以了。

这是官方自带的3个案例工程,大家可以看下相关的动效实现。


三、DoTweenPro主要组件

1.DoTweenAnimation

DOTween Animation, 可以应用于动画UI 4.6 Text/Image objects, Materials, Transforms, 2D Toolkit and TextMesh Pro objects。
直接添加 DoTweenAnimation组件

下面来依次介绍下组件的内容:

Preview Controls //就是一个预览控制的开关
Add Manager //用来添加DOTween Visual Manager组件
剩下的就是预览界面的播放和暂停

可以选择要进行变化的类型
Move //相对于世界坐标的移动
LocalMove //相对于自身坐标的移动
Rotate //相对于世界坐标的角度变化
LocalRotate //相对于自身坐标的角度变化
Scale //大小的变化
Color //颜色的变化
Fade //渐变,透明度的渐变
Text //对文字的一个变化
UiWidthHeight //对ui宽高的改变
剩下的3个效果可以自己试下,不太好描述

这个界面是选中要变化的类型后,对应的参数调整界面
Duration //每次变化的持续时间,时间越长,动画越慢
Delay //延迟时长,延迟多少秒后开始播放动画
Ignore TimeScale //忽略时间缩放
Ease //缓动的方式(见下图)

你也可以选择AnimationCurve,来自定义缓动的曲线

Loops //循环次数,填写-1的话就是一直循环,0就是不循环
LoopType //循环的类型,里面也分几种,可以自己体验下
ID //动画的id
TO/From //向目标/从目标过来
Relative //相对目标,勾选:改变对象位置,动画路线也会跟着移动。不勾选:则不会。


这一部分是添加事件,可以在这个界面选中对应的时间节点手动添加,也可以用代码添加

2.DoTweenPath

DOTween Path。 这是一个简单的路径编辑器(不支持路径旋转和UI RectTransforms)。 如果你想要使用更复杂的路径和更多的选项,Simple Waypoint System(实现DOTween)仍然是最推荐的选择。
直接添加 DoTweenPath组件

SHIFT+ CTRL:添加一个路线轨迹的点位
SHIFT+ ALT:移除一个路线轨迹的点位

图中白色小球为添加的点位,可以手动调整方向。

PathLength //显示的是路线轨迹的长度
————————————————————————————————
TweenOptions里面的参数好多是跟DoTweenAnimation里面的参数是一样的,相同的我就不再描述了,说下不同的。
Update Type 更新的类型,主要是更新的时机不一样。

分别对应的是:生命周期的Update,LateUpdate,FixedUpdate,
manual //对应的是手动操作,也就是可以在代码里人为的控制更新频率。
TweenRigidbody //是否应用刚体

——————————————————————————————————————————

Path Tween Options //路径动画的设置
PathType //路径类型

Linear //线性 Catmull Rom //是一种曲线,想要详细了解的话,这是链接 Path resolution //Catmull Rom曲线的参数
大概效果如下

Close Path //是否是封闭曲线
Local Movement //相对于自身坐标系

Ignore //忽略LookAt 的参数
Full 3D //在3d场景中,物体可以看向任何方向
TopDown2D //物体只能上下旋转看向设定的目标
Sidescroller 2D //物体只能左右旋转看向设定的目标

Lock Rotation //锁定哪个轴向,可选择xyzw
Orientation //设置要看向的目标(路径,角度,位置)

————————————————————————————————————————————
Path Editor Options //路径轨迹的参数设置
(设置走过的路径相关的参数)
————————————————————————————————————————————
Event //跟DoTweenAnimation一样的事件系统,可以手动添加事件

ResetPath //重置路径
DropToFloor //把所有的点位全部落到一个地面上(前提是得先有地面(Collider))
Waypoints //路径的点位数据
Copy to clipboard //把路径点位数据复制到剪切板
Paste form clipboard //把路径点位数据从剪切板上粘贴过来

3.DOTween Visual Manager

DOTween Visual Manager。 一个额外的组件,可以通过DOTweenAnimation/Path编辑器的Add Manager按钮添加。 允许设置额外的动作被执行时,它的游戏对象是激活或禁用(如倒带,重启,暂停,杀死,和更多)。
在pooling systems中使用DOTweenAnimations/Paths时特别有用。

Preset //按照哪个预置模式来
Custom //自定义的 PoolingSystem //比较标准化的(个人理解)
然后就是在物体 OnEnable OnDisable 时,动画要做的,可以手动选择。


三、DoTweenPro的应用案例


可以参考官方的示例工程来做自己想要的动画。


总结

欢迎大佬多多来给萌新指正,欢迎大家来共同探讨。
如果各位看官觉得文章有点点帮助,跪求各位给点个“一键三连”,谢啦~

声明:本博文章若非特殊注明皆为原创原文链接
https://blog.csdn.net/Wrinkle2017/article/details/122824424
————————————————————————————————

💢💢版权声明

版权声明:本博客为非营利性个人原创
所刊登的所有作品的著作权均为本人所拥有
本人保留所有法定权利,违者必究!
对于需要复制、转载、链接和传播博客文章或内容的
请及时和本博主进行联系
对于经本博主明确授权和许可使用文章及内容的
使用时请注明文章或内容出处并注明网址
转载请附上原文出处链接及本声明

以上是关于Unity3d 插件 系列——DoTweenPro介绍(图文详细+案例)的主要内容,如果未能解决你的问题,请参考以下文章