【DoTween】Unity插件DOTween教程(二)

2023-11-04 23:30
文章标签 教程 unity 插件 dotween

本文主要是介绍【DoTween】Unity插件DOTween教程(二),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

原文链接:http://www.taidous.com/bbs/thread-38061-1-3.html

1.基本介绍:             
             a.序列和动画一样,但是并不是动画属性或是其他什么值而是作为动画一个群体存在。
             b.序列可以无层数限制地被嵌套在任意序列中。
             c.列不需要一个接一个延续,你可以将任意动画插入到序列中。
             d.一个动画只能用于某一个序列中,意味着不能在多个序列中插入相同动画。
             e.得到主序列的时候,你不能单独控制其中被嵌套的动画或序列。

         2.创建一个序列的两步:
             a.创建一个新的序列作为存储。
             b.在序列中插入回调函数或者动画。

         3.相关方法介绍:             
             DOTween.Sequence()     静态,返回一个新的空序列。
             sequence.Append(Tween tween)   添加一个动画到序列末尾。(意思就是当序列前面动画播放完毕时此动画才开始播放)     
             sequence.AppendCallback(TweenCallback cb) 添加回调函数到序列末尾。(当序列前面动画播放完毕时会执行此方法)
             sequence.AppeedInterval(float interval) 添加一段空时间到序列末尾。(当序列前面动画播放完毕时会延迟一段时间)
             sequenve.Insert(float time,Tween tween)  插入一段动画到指定时间。(注意动画是和原序列当前时间动画合并重叠)
             sequenve.InsertCallback(float time,TweenCallback cb)    插入回调函数到序列指定时间。
             sequenve.Join(Tween tween)  插入动画与序列最后一个动画(这里的最后是指最后加入序列而非序列末尾)同时播放。
             sequenve.Prepend、sequenve.PrependCallback、
sequenve.PrependInterval 和前面三个类似,这里是加入到序列开头
         4.注意事项:
             a.以上方法只能在序列刚被创建之后执行也就是必须是在创建序列同一个代码块,或者是当序列暂停时执行。否则无效。
             b.一个动画必须是完全被创建之后才能加入到序列之中,因为加入到序列之后该动画将会被锁定。
             c.无限循环的动画是不能被加入到序列中。

             d.你可以创建一个序列只有回调函数和延迟,这样这个序列就当做了一个计时器使用。


 5.飘字效果制作:

分析:其实整个动画就是三部分(当然为了使得效果更加漂亮可以加更多的细节在里面,比如放大缩小)
                    a.字体向上移动同时颜色Alpha从0渐变到1。
                    b.延迟1秒,字体显示一秒钟。
                    c.字体向上移动同时颜色Alpha从1渐变到0。
  代码如下:

</pre><pre name="code" class="csharp">using UnityEngine;
using System.Collections;
using UnityEngine.UI;
using DG.Tweening;
public class FlyText : MonoBehaviour {public void FlyTo(Graphic graphic){RectTransform rt = graphic.rectTransform;Color c = graphic.color;c.a = 0;graphic.color = c;                                                   //先将字体透明Sequence mySequence = DOTween.Sequence();                            //创建空序列Tweener move1 = rt.DOMoveY(rt.position.y + 20, 0.5f);                //创建向上移动的第一个动画Tweener move2 = rt.DOMoveY(rt.position.y + 40, 0.5f);                //创建向上移动的第二个动画Tweener alpha1 = graphic.DOColor(new Color(c.r, c.g, c.b, 1), 0.5f); //创建Alpha由0到1渐变的动画Tweener alpha2 = graphic.DOColor(new Color(c.r, c.g, c.b, 0), 0.5f); //创建Alpha由1到0渐变的动画mySequence.Append(move1);                  //先添加向上移动的动画mySequence.Join(alpha1);                   //同时执行Alpha由0到1渐变的动画mySequence.AppendInterval(1);              //延迟1秒钟mySequence.Append(move2);                  //添加向上移动的动画mySequence.Join(alpha2);                   //同时执行Alpha由1到0渐变的动画}public void Update(){if(Input.GetMouseButtonDown(0)){FlyTo(GetComponent<Text>());}}
}

 
 二 
 . DOTween  的  Path 应用. 



1.基本介绍:    

          
如果之前接触过iTween之类的动画插件应该对Path这个功能不会太陌生。主要功能就是:
a.路径点的创建和删除。
b.路径的可视化。
c.路径动画的控制。
需要注意的是:一旦Path动画开始播放我们就不能对Path路径有任何修改。
当然DOTween对Path集成功能越完善我们要修改就越麻烦:
a.物体在Path上的移动作为动画只有duration的概念,所以我们要模拟速度只能用Length/speed来模拟.
b.如果物体和原来的Path动画有一个定向量的偏移(例如跑酷类游戏的左右)。我们也不能直接改动画:
i.在OnUpdate里面加回调函数设置偏移量。
ii.创建一个新的Path路径然后根据当前的Path路径加上偏移量。然后将物体定位到当前时间播放。
         
2.Path路径动画的创建:

静态创建:
在需要添加Path动画的物体上挂上 DOTweenPath 组件.
a. Shift + Ctrl : 添加路径点
b. Shift + Alt : 删除路径点
动态创建: 
transform.DOPath(vector3[] waypoints,float duration);
a. waypoints : 路径点
b. duration : 动画时间 
c. pathtype : 路径类型,路径类型分为线性或者利用CatmullRom插值算法形成的曲线。(默认参数)     
d. pathmode : 路径模式,主要是用于对物体三个方向上的旋转的限制。(默认参数)
e. resolution :CatmullRom算法的参数,数值越大曲线越精细,一般5足以,默认为10。(默认参数)
f. gizmoColor :辅助线的颜色,只会在动画Running时在Secene面板上可见。 (默认参数) 


3.Path路径动画的属性:

一般动画有的属性Path都有,我就介绍几个独特的属性:
a. Ease :动画类型,其实前面动画也有这个属性,我只是想推荐一个网址:
http://robertpenner.com/easing/easing_demo.html
b. ClosePath :封闭路径,如果勾选此属性路径将会形成一个封闭环。
c. LocalMovement :局部移动,如果勾选此属性将会按照局部坐标移动。
d. Orientation :运动朝向,分为ToPath朝向路线LookAtTran朝向Tran和LookatPos朝向点.
e. LookAhead :朝向前瞻性,数值越大朝向约向靠近更前方的点。
f. Relative :点相对,表示路径点是否与物体为相对的。

4.Path路径动画的相关方法:

一般动画有的方法Path都有,我就介绍几个独特的方法:
a. SetOptions(bool closePath,AxisConstraint lockPos,AxisConstraint lockRota);
i.第一个参数不用说上面有。
ii.路径上三个维度的位置限制,给的参数为AxisConstraint.X,那么路径在X上位置不会变化。
ii.路径上三个维度的方向限制,给的参数为AxisConstraint.X,那么路径在X上方向不会变化。
b. SetLookAt()  设置Path动画 Orientation 属性的。
c. PathLength()  返回路径长度。
d. PathGetPoint(float pathPecentage); 参数为0~1小数,返回路径上小数百分比对应的点。
e. PathGetDrawPoint(float pathPecentage);参数为返回构成路径点的个数。
注意d.e两个方法,如果返回为Vector3.zero或者null.表示路径无效、路径尚未初始化或者这不是一个路径动画。

5.简易塔防的路径创建:


a.首先创建一个地形,然后画出路径,根据路径建立拉出山丘等等最后贴图
b.导入DOTween包和物体模型,然后再物体模型上添加 DOTweenPath 组件。(我这里就用一个妹子的模型)

c.利用 Shift + Ctrl 沿着路径添加路径点形成一条完整路径。(因为这里所有点都在同一Y轴上建议用Top视角)

d.设置一下Orientation为To Path 以及 duration 。
e.调整Camera的位置,就可以直接运行查看效果了。


这篇关于【DoTween】Unity插件DOTween教程(二)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



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

相关文章

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

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

如何为Yarn配置国内源的详细教程

《如何为Yarn配置国内源的详细教程》在使用Yarn进行项目开发时,由于网络原因,直接使用官方源可能会导致下载速度慢或连接失败,配置国内源可以显著提高包的下载速度和稳定性,本文将详细介绍如何为Yarn... 目录一、查询当前使用的镜像源二、设置国内源1. 设置为淘宝镜像源2. 设置为其他国内源三、还原为官方

Maven的使用和配置国内源的保姆级教程

《Maven的使用和配置国内源的保姆级教程》Maven是⼀个项目管理工具,基于POM(ProjectObjectModel,项目对象模型)的概念,Maven可以通过一小段描述信息来管理项目的构建,报告... 目录1. 什么是Maven?2.创建⼀个Maven项目3.Maven 核心功能4.使用Maven H

IDEA自动生成注释模板的配置教程

《IDEA自动生成注释模板的配置教程》本文介绍了如何在IntelliJIDEA中配置类和方法的注释模板,包括自动生成项目名称、包名、日期和时间等内容,以及如何定制参数和返回值的注释格式,需要的朋友可以... 目录项目场景配置方法类注释模板定义类开头的注释步骤类注释效果方法注释模板定义方法开头的注释步骤方法注

Python虚拟环境终极(含PyCharm的使用教程)

《Python虚拟环境终极(含PyCharm的使用教程)》:本文主要介绍Python虚拟环境终极(含PyCharm的使用教程),具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,... 目录一、为什么需要虚拟环境?二、虚拟环境创建方式对比三、命令行创建虚拟环境(venv)3.1 基础命令3

使用Node.js制作图片上传服务的详细教程

《使用Node.js制作图片上传服务的详细教程》在现代Web应用开发中,图片上传是一项常见且重要的功能,借助Node.js强大的生态系统,我们可以轻松搭建高效的图片上传服务,本文将深入探讨如何使用No... 目录准备工作搭建 Express 服务器配置 multer 进行图片上传处理图片上传请求完整代码示例

python连接本地SQL server详细图文教程

《python连接本地SQLserver详细图文教程》在数据分析领域,经常需要从数据库中获取数据进行分析和处理,下面:本文主要介绍python连接本地SQLserver的相关资料,文中通过代码... 目录一.设置本地账号1.新建用户2.开启双重验证3,开启TCP/IP本地服务二js.python连接实例1.

Python 安装和配置flask, flask_cors的图文教程

《Python安装和配置flask,flask_cors的图文教程》:本文主要介绍Python安装和配置flask,flask_cors的图文教程,本文通过图文并茂的形式给大家介绍的非常详细,... 目录一.python安装:二,配置环境变量,三:检查Python安装和环境变量,四:安装flask和flas

Spring Security基于数据库的ABAC属性权限模型实战开发教程

《SpringSecurity基于数据库的ABAC属性权限模型实战开发教程》:本文主要介绍SpringSecurity基于数据库的ABAC属性权限模型实战开发教程,本文给大家介绍的非常详细,对大... 目录1. 前言2. 权限决策依据RBACABAC综合对比3. 数据库表结构说明4. 实战开始5. MyBA

Ubuntu中远程连接Mysql数据库的详细图文教程

《Ubuntu中远程连接Mysql数据库的详细图文教程》Ubuntu是一个以桌面应用为主的Linux发行版操作系统,这篇文章主要为大家详细介绍了Ubuntu中远程连接Mysql数据库的详细图文教程,有... 目录1、版本2、检查有没有mysql2.1 查询是否安装了Mysql包2.2 查看Mysql版本2.