obsidian/笔记文件/2.笔记/Dotween教程_第一章.md
2025-03-26 00:02:56 +08:00

3.3 KiB
Raw Permalink Blame History

对应脚本,是通过DOTween.To的形式,完成插值的逻辑处理

!Pasted image 20240520144756.png

对应代码修改localPosition局部坐标即可

!Pasted image 20240520144905.png

对应数值

!Pasted image 20240520144941.png

运行游戏,坐标修改,表现正常

!Pasted image 20240520145010.png

可以定义一个Tweener数据类型的动画设置为不自动播放而且默认是Pause暂停 在按钮的OnClick函数控制前放和后放即可

!Pasted image 20240520145225.png

按钮和对应绑定控制的Panel面板还有绑定了OnClick函数

!Pasted image 20240520145753.png

运行游戏,表现正常

!Pasted image 20240520145828.png

内置的From函数逻辑上是倒过来从目标位置移动到当前位置

!Pasted image 20240520145921.png

运行游戏,表现正常

!Pasted image 20240520145954.png

还是通过DOLocalMoveX函数设置好移动的目标点 再通过SetEase函数接口设置好对应的动画曲线效果 然后OnComplete函数接口对应注册的是Dotween动画完成后的回调函数

!Pasted image 20240520152311.png

运行,表现正常

!Pasted image 20240520152507.png

文本内容的Dotween效果会依次显示出文字

!Pasted image 20240520152625.png

脚本挂载位置把Text原本内容清空一下也消选一下Rich Text富文本优化一下性能

!Pasted image 20240520152654.png

运行游戏,表现正常

!Pasted image 20240520152741.png

设置文本的颜色还有透明度渐变Dotween接口

!Pasted image 20240520152819.png

挂载位置

!Pasted image 20240520152905.png

运行游戏,表现正常

!Pasted image 20240520152915.png

DotweenPath脚本是内置的动画线工具直接检索加上即可

!Pasted image 20240520153004.png

根据提示Shift+Ctrl快捷键配合鼠标左键点击就是添加一个路径点而Shift+Alt快捷键配合鼠标左键点击就是删除一个路径点

!Pasted image 20240520153044.png

创建出来之后,默认是勾选,自动播放和销毁的

!Pasted image 20240520153137.png

为了让脚本控制,点击,消选上述俩即可

!Pasted image 20240520153221.png

Duration是动画曲线走一圈的总时长 Delay是延迟开始动画曲线 Ease就是动画曲线的效果选型 而Loops是循环多少次如果是-1就是死循环一直循环 如果不是只有1次就会出现LoopType循环样式这里是Restart当然也还可以选择其他

!Pasted image 20240520153253.png

!Pasted image 20240520153449.png

测试如果改成1次就不会出现循环类型了

!Pasted image 20240520153531.png

路径线的样式设置,例如这里设置的是,红色路径线

!Pasted image 20240520153608.png

点击,展开,可以看到,所有路径点,都是在该队列容器,也可以选中某一个,切换位置,自然也会修改,总的路径线

!Pasted image 20240520153653.png

这个按钮绑定的就是DotweenPath内置的DoRestart函数接口开始动画播放

!Pasted image 20240520153822.png

运行游戏,点击,表现正常

!Pasted image 20240520153948.png