Unity——DOTween插件使用方法简介

news2024/11/25 14:53:04

缓动动画既是一种编程技术,也是一种动画的设计思路。从设计角度来看,可以有以下描述

  1. 事先设计很多基本的动画样式,如移动、缩放、旋转、变色和弹跳等。但这些动画都以抽象方式表示,一般封装为程序函数
  2. 动画的参数可以在使用时指定,如移动的起点和终点、旋转的角度、变色的颜色,还有关键的动画时间长度等
  3. 动画默认是匀速播放,也可以指定播放的时间曲线。如可以做出先快后满、先满后快等效果,甚至还可以让时间在正向流逝和倒流中交替,实现弹簧式的效果
  4. 可以按时间顺序任意组合这些动画,如先方法再移动、先缩小再变色再移动等
  5. 可以同时播放多个这些动画。例如,一边放大一边移动等。总之,可以按时间顺序组合,也可以同时组合

采用上述思路,可以封装出易用的缓动动画库。例如DOTween就是一种常用的缓动动画插件。

导入DOTween插件

DOTween - Asset Store (unity.com)

在Asset Store中搜索“DOTween'”即可找到该插件,使用免费版即可。

 导入插件后,会自动打开一个插件窗口,如图

 由于目前插件的功能越来越强大,因此特意增加了一个设置面板,如图

 直接点绿色的,然后点apply即可

在这之后,试验一下它的基本用法。创建脚本TestTween,内容如下

using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class NewBehaviourScript : MonoBehaviour
{
 
    void Update()
    {
        if (Input.GetKeyDown(KeyCode.D))
        {   //1秒时间移动到在x轴上坐标为5的位置上
            transform.DOMoveX(5, 1);
        }
        if (Input.GetKeyDown(KeyCode.A))
        {   //1秒时间移动到在x轴上坐标为1的位置上
            transform.DOMoveX(0, 1);
        }
    }
}

然后将TestTween脚本挂在任意物体上,按下D,物体会沿x轴平移到x=5的位置,按下A,优惠移动到x=0的位置。可以看出,DOMoveX是一个简单的平移动画,第一个参数是x坐标,第二个参数是时间。

例子演示: 

DOTween移动

上文已经试验了简单的平移动画,DOTween还提供了大量类似的动画模式,最常用的旋转、位移和缩放都是直接对Transform组件操作的。

一、各种缓动动画使用方法

1.作用于Transform组件

函数参数

作用

DOMove目标坐标,时间移动到目标位置
DOMoveX目标坐标x,时间仅向一个方向移动。同理还有y和z
DOLocalMoveDOMove的局部坐标系版本
DOLocalMoveXDOMoveX的局部坐标系版本。同理还有y和z
DORotate目标角度(欧拉角),时间旋转到目标朝向
DORotateQuaternion目标朝向(四元数),时间旋转到目标朝向
DOLocalRotateDORotate的局部坐标系版本
DOLocalRotateQuaternionDORotateQuaternion的局部坐标系版本
DOLookAt目标朝向(向量),时间让物体旋转,直到物体前方为指定向量的方向
DOScale目标比例,时间缩放到指定比例
DOScaleX目标比例X,时间仅向一个方向缩放。同理还有Y和Z
DOPunchPosition振动方向和强度,时间,震动次数,弹性用于表现被强力击打后的震动,沿振动方向反复移动。时间之后的参数都可以省略
DOPunchRotation振动方向和强度(旋转的轴),时间,震动次数,弹性用于表现被强力打击后的震动,沿指定旋转轴来回旋转
DOPunchScale振动方向和强度(缩放比例),时间,震动次数,弹性用于表现被强力打击后的震动,根据指定比率缩放
DOShakePosition时间,力度,震动次数,随机性(0~180)表现随机性的震动。除时间外的参数都可以省略
DOShakeRotation时间,力度,震动次数,随机性(0~180)类似DOShankePosition,用旋转表示震动
DOShakeScale时间,力度,震动次数,随机性(0~180)类似DOShankePosition,用缩放表示震动
DOBlendableMoveBy位置变化量,时间

DORotate的动画混合+变化量版本

DOBlendableRotateBy旋转变化量,时间DORotate的动画混合+变化量版本
DOBlendableScaleBy缩放变化量,时间DOScale的动画混合+变化量版本
DOBlendablePunchRotationDOPunchRotation的动画混合版本

以上函数基本覆盖了所有的Transform组件缓动动画方法。除简单的移动、旋转和缩放动画外,常用的还有摄像机缓动动画,如下所示

2.作用于Camera组件

函数参数

作用

DOShakePosition时间,力度,震动次数,随机性让摄像机随机振动。时间以外的参数可以省略

 可以用缓动动画慢慢改变材质的颜色、透明度等,下面是作用于材质(Material)的缓动动画

3.作用于Material组件

函数参数

作用

DOColor颜色,时间渐变到指定颜色
DOFade透明度(0~1),时间渐变到指定透明度
DOGradientColor颜色梯度,时间根据指定颜色梯度渐变
DOOffset材质偏移(Vecctor2),时间材质便宜,可以做贴图动画效果
DOBlendableColor颜色,时间DOColor的可混合版本

UI文本通常需要一些动态效果,如打字效果(文字一个接一个出现)和改变文字颜色等。DOTween还有一些专门用于UI组件(Text)的缓动动画,如下

4.作用于Text组件

函数参数

作用

DOText文本内容,时间打字机效果,逐字显示文本内容
DOColor颜色,时间改变文字颜色
DOFade透明度,时间改变文字透明度
DOBlendableColor颜色,时间DOColor的可混合版本

二、动画曲线(Ease)

通过试验会发现,前面的动画效果都不是匀速运动的,而是有一个从快到慢的变化。这是因为DOTween默认的动画曲线不是Linear曲线,而是Out Quad曲线。

在缓动动画中,动画曲线称为Ease,它有多种内置的模式,包括通过修改DOTween设置可以改变默认的动画曲线。选择主菜单中的Tools->Demigiant->DOTween Utility Panel可以重新打开DOTween的设置页面,其中的Ease选项就是动画曲线。可以将默认的Out Quad改为简单的Linear试试效果,如图

 DOTween提供了很多的缓动动画曲线模式,这里不一一详述,不过常用的几种模式有明显的命名规则,如In Sine、Out Sine、In Out等,一下进行概括的解释。

In指的是一种由慢到快的方式,Out则指的是由快到慢。Sine(正弦曲线)指的是比较平滑的过渡;而Quad则指的是会有更明显的快慢变化;比Quad速度变化更剧烈的,还有Cubic、Quart、Quint等。Expo代表指数曲线,还有更多特殊的曲线,比如由弹性的Elastic、先后退再前进的Back、以及Bounce(弹跳曲线)。

当然,如果直接修改默认的动画曲线,那会导致所有动画都是用统一的曲线。实际上每个动画都可以用不同的动画曲线,示例写法如下。

  if (Input.GetKeyDown(KeyCode.D))
        {  
            transform.DOMoveX(5, 1).SetEase(Ease.InOutSine);
        }
        if (Input.GetKeyDown(KeyCode.A))
        {
            Tweener t = transform.DOMoveX(0, 1);
            t.SetEase(Ease.OutQuad);
        }

DOMove等函数的返回值用Tweener类型的变量接受,然后再对Tweener进行设置即可。除了SetEase以外还有其他更多可调用的方法。

三、动画的组合

使用Sequence(缓动动画序列)可以让多个动画依次播放,也可以在动画之间插入等待时间,其示例如下

 //创建动画序列
    Sequence seq = DOTween.Sequence();
    //添加动画到序列中
    seq.Append(transform.DOMove(new Vector3(3,4,5),2));
    //添加时间间隔
    seq.AppendInterval(1);
     seq.Append(transform.DOMove(new Vector3(0,0,0),1));
    //按时间插入插画
    //下面代码的第一个参数为时间,表示插入动画到规定的时间点
    seq.Insert(0,transform.DORotate(new Vector3(0,90,0),1));

缓动动画序列有多个常用方法,Append可以在序列后面添加动画,AppendInterval用于添加等待时间,而Insert则是在指定时间插入动画。

需要特别指出,使用Insert插入的动画并不像猜想的那样会将原有的动画推迟到后面,而是会和原来的动画同时播放。这就引出了一个关键问题:DOTween的动画是可以同时播放的,而且Sequence虽然名为“序列”,但实际上也支持多个动画同时播放。

除了利用Sequence序列播放动画或同时播放动画外,实际上直接创建多个动画,它们也会同时播放,其示例如下

  //两个动画同时播放,向斜上方移动
    Tweener t = transform.DOMoveX(10, 1);
    t.SetEase(Ease.OutQuad);
    transform.DOMoveY(10,1);

大部分缓动动画可以做到合理混合的效果,但有时同时播放多种动画也会产生不合理的结果。某些缓动方式带有Blendable关键字,如DOBlendableMoveBy,这类缓动动画能够确保融合效果的正确性。

四、控制动画的播放

缓动动画最大的优势在于它是由程序完全控制的,它的背后是一套简洁的数学算法,因此缓动动画很容易实现暂停、重放和倒放等功能。DOTween也提供了多种方法控制动画的播放,示例如下

//播放
transform.DOPlay();
//暂停
transform.DOPause();
//重播
transform.DORestart();
//倒播,此方法会直接退回起始点
transform.DORewind();
//删除动画
transform.DOKill();
//跳转到指定时间点。参数1表示跳转的时间点,参数2表示是否立即播放
transform.DOGoto(1.5f,true);
//倒向播放动画
transform.DOPlayBackwards();
//正向播放动画
transform.DOPlayForward();

五、动画回调函数

为了更好地让动画与逻辑配合,与动画帧事件类似,也可以为缓动动画添加一些回调函数。最常见的是再播放结束时自动调用下一个函数,示例如下

 //动画完成回调,方便起见回调函数协亨了Lambda表达式
    transform.DOMove(new Vector3(3,3,0),2).OnComplete(()=>{
        Debug.Log("Tween播放完成")
    });
    //无限循环震动
    Tween t2 = transform.DOShakePosition(1, new Vctor3(2, 0, 0));
    t2.SetLoops(-1);
    //每次循环完成时回调
    transform.DOMove(Vector3.zero,2).OnStepComplete(()=>{
        Debug.Log("Tween单次播放完成")
    });

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/922822.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

JUC初识

JUC 是什么 java.util.concurrent 在并发编程中使用的工具包 从线程start 开始 package com.jhj.Thread;public class ThreadDemo {public static void main(String[] args) {Thread t1 new Thread(() -> {}, "t1");t1.start();} }start 方法调的是native sta…

java:Tomcat

文章目录 背景服务器web 服务器服务资源的分类服务器软件的分类nginx 和 tomact总结 安装Tomcatbrew安装官网压缩包安装IDEA集成IDEA插件 说明 背景 在讲 Tomcat 是啥之前,我们先来了解一些概念。 服务器 可以理解为一个高性能的电脑,但是这个电脑现在…

Qt6和Rust结合构建桌面应用

桌面应用程序是原生的、快速的、安全的,并提供Web应用程序无法比拟的体验。 Rust 是一种低级静态类型多范式编程语言,专注于安全性和性能,解决了 C/C 长期以来一直在努力解决的问题,例如内存错误和构建并发程序。 在桌面应用程序开…

如何给开源仓库提交pull request?

Pull Request(PR)是一种在基于版本控制系统的协作开发中使用的功能,它允许开发人员将自己所做的代码更改(commits)提交给项目的主要代码库。具体而言,当在分支中做出代码更新后,开发人员可以发起…

射频有源器件的动态范围和交越失真

射频有源器件的动态范围和交越失真 1、增益压缩 一个输入信号Vin经过一个非线性网络后输出为Vout,Vout与Vin用泰勒级数的关系表示: Vout a0 a1*Vin a2*Vin^2 a3*Vin^3 …… a0为直流输出,a1为线性输出,a2为平方输出&…

Android 基础知识

一、Activity 1、onSaveInstanceState(),onRestoreInstanceState的调用时机 onSaveInstanceState 调用时机 从最近应用中选择运行其他程序时 但用户按下Home键时 屏幕方向切换时 按下电源案件时 从当前activity启动一个新的activity时 onRestorInstanceState调用时机 只…

windows下安装go环境 和vscode中go扩展

1. 首先安装GO Go下载地址:go.dev 选择相对应的版本,下载,运行安装程序,并打开命令提示符,运行 go env ,确认已经安装go 注意关注其中GOPATH和GOROOT,这两个地址可以在系统环境变量中进行设置…

在其他python环境中使用jupyter notebook

1、切换到目标python环境 activate 目标python环境 2、安装notebook内核包 pip install ipykernel 3、加环境加入到notebook中 python -m ipykernel install 目标python环境 4、切换到base环境 activate base 5、打开目标项目的对应盘 如果,项目在c盘&…

docker-maven-plugin直接把镜像推到私有仓库

接着上篇 推送到本地docker 我们已经把服务做成镜像推到docker&#xff0c;也可以通过docker login 私有地址&#xff0c;去push。麻烦 直接上代码 1、pom改动 <properties><docker.registry>eco-registry.XXX.com</docker.repostory><docker.registry…

云从科技“AI困局”:上半年营收腰斩、亏损超3亿

“AI四小龙”云从科技难“从容”&#xff1f; 8月12日&#xff0c;云从科技集团股份有限公司(下称“云从科技”,688327.SH)公布了2023半年报。上半年云从科技推出“从容”大模型&#xff0c;但此后其迎来大规模解禁。 5月29日&#xff0c;云从科技宣布将4.55亿股股份解除限售…

如何选择合适的供应商管理系统?

供应商管理系统可以对企业的业务及其日常运营产生深远影响。该解决方案可集中管理采购、预算编制、供应商选择、交付跟踪、发票开具和报告。管理这些流程既费时又费钱&#xff0c;这也解释了为什么一半以上的企业目前都将数字化转型作为重中之重。 但是&#xff0c;如何选择合…

MediaPlayer音频与视频的播放介绍

作者&#xff1a;向阳逐梦 Android多媒体中的——MediaPlayer&#xff0c;我们可以通过这个API来播放音频和视频该类是Androd多媒体框架中的一个重要组件&#xff0c;通过该类&#xff0c;我们可以以最小的步骤来获取&#xff0c;解码和播放音视频。 它支持三种不同的媒体来源…

Binder通信的核心思想

Binder到底是什么&#xff1f;Binder通信到底是怎么实现的&#xff1f;脱离复杂的Android Framework代码&#xff0c;用最简单的方式来理解下什么是Binder通信。 关于IPC通信 在Linux系统中&#xff0c;正常运行的两个进程A和B&#xff0c;它们之间如果要进行数据的通信&#x…

iview时间控件 动态不可选日期 可选择24小时范围内 时间往后退24小时

演示 html 设定 起始时间 触发on-change 方法结束时间 options 动态设置不可选择的日期。 <!-- 起始时间 --> <FormItem :label"$t(startTime)" prop"startTime"><DatePickertransfertype"datetime":placeholder"$t(pleas…

文件和IO的核心API

操作文件 public static void main(String[] args) throws IOException {//创建一个文件对象&#xff0c;并且指向某个路径File file new File("C:\\Users\\1162\\Desktop\\1.trx");//创建文件System.out.println(file.exists());boolean newFile file.createNewFi…

Mysql-InnoDB数据页结构

一、页结构说明 大致分7部分 二、记录在页中的存储 2.1 页面记录内存结构 行格式 存储到 User Records 部分&#xff0c;每当我们插入一条记录&#xff0c;都会从 Free Space 部分申请一个记录大小的空间划分到 User Records 部分 &#xff0c;用完则申请新的页&#xff1b; …

Vue中使用element-plus中的el-dialog定义弹窗-内部样式修改-v-model实现-demo

效果图 实现代码 <template><el-dialog class"no-code-dialog" v-model"isShow" title"没有收到验证码&#xff1f;"><div class"nocode-body"><div class"tips">请尝试一下操作</div><d…

用香港服务器域名需要备案吗?

​  在选择服务器的时候&#xff0c;很多人会考虑使用香港服务器。香港服务器的一个优势就是不需要备案。不管是虚拟主机还是云主机&#xff0c;无论是个人网站还是商业网站&#xff0c;都不需要进行备案手续。 域名实名认证 虽然不需要备案&#xff0c;但使用香港服务器搭建…

Doris安装及使用

Doris简介 Apache Doris 是一个基于 MPP 架构的高性能、实时的分析型数据库&#xff0c;以极速易用的特点被人们所熟知&#xff0c;仅需亚秒级响应时间即可返回海量数据下的查询结果&#xff0c;不仅可以支持高并发的点查询场景&#xff0c;也能支持高吞吐的复杂分析场景。基于…

怎么做出老板看得懂的财务数据分析报表?

财务数据分析报表的主要作用就是为决策提供必不可少的数据信息&#xff0c;让老板以及管理层在充分了解企业现金流情况、债务能力、还债能力、进账情况等财务信息后&#xff0c;更科学地做出运营管理决策。因此&#xff0c;财务数据分析报表必须做得直观易懂&#xff0c;毕竟不…