Unity插件之DOTween教程

举报
爱上游戏开发 发表于 2022/07/03 00:13:43 2022/07/03
【摘要】 推荐阅读:  我的CSDN 我的博客园 QQ群:704621321 我的个人博客 前言 以前做动画就是:这个动画XXX模块里用到过,...

推荐阅读:

前言

以前做动画就是:这个动画XXX模块里用到过,复制-粘贴;这个动画好像没实现过,百度-复制-粘贴。今天,我终于下定决心自己学一下DOTween动画。DOTween动画作为众多插件中的一员,成为大部分开发者使用的动画插件是有一定道理的。

安装插件

简单介绍一下DoTween插件的安装。首先你需要下载该插件,你有两种选择:

1.你可以选择去官网下载
2.你可以通过我的网盘链接下载链接:

 https://pan.baidu.com/s/1J6NjDIWzr56kmqR041o_eA 提取码: htpa 复制这段内容后打开百度网盘手机App,操作更方便哦

  
 
  • 1

接下来,打开你的Unity项目,双击运行上步骤下载的插件,导入到工程。导入新的DOTween更新后,您必须设置DOTween才能根据您的Unity版本导入/重新导入其他库。

要设置DOTween,请从“Tools / Demigiant”菜单中打开DOTween 工具面板,然后从出现的面板中选择“Setup DOTween …”。
在这里插入图片描述
在这里插入图片描述
选择setup后,你就安装完成啦!

使用

使用DOTween,需在该类/脚本中加入如下引用:

using DG.Tweening;

  
 
  • 1

一切准备就绪,下面开始介绍DOTween插件的一些常用功能,一起看看吧

1.命名前缀
DO: 动作操作前缀。例如:DoMove(),DoKill()等等。
Set:动画设置操作前缀。例如:SetLoop(),SetEase()等等。
On: 响应回调事件前缀。例如: OnStart(),OnComplete()等等。
例:将向量(0,0,0)插值渐变到(10,10,0)渐变速度是由快变慢

DO

public Vector3 value = new Vector3(0, 0, 0);
 
    private void Start()
    {
         //() => value表示返回获取value值
        //x => value = x,x是通过目标值计算出来的插值,赋值给value
        //new Vector3(10, 10, 0)是目标值
        //2是到达目标值的时间
        DOTween.To(() => value, x => value = x, new Vector3(10, 10, 0),2);
    }

  
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10

说明:
DOMove() 修改的是物体的世界坐标 ; DOLocalMove()修改的是物体的局部坐标

DOMoveX()只在X轴方向上移动

DOText() 文字打印效果

 text.DOText("关注微信公众号:爱上游戏开发", 2);

  
 
  • 1

在这里插入图片描述

DOColor()修改颜色

 text.DOColor(Color.red, 2);

  
 
  • 1

在这里插入图片描述

DOFade()透明度渐变

 text.DOFade(1, 2);

  
 
  • 1

DOShakePosition() 震动效果

 Camera.main.transform.DOShakePosition(1, 0.5f);

  
 
  • 1

From Tweens

 //加上from()方法,默认false,表示从目标位置移动到当前位置

  //如果为true,表示相对距离,例如cube当前位置为(2,0,0),则目标位置为(2+5,0,0)

 cube.transform.DOMoveX(5, 1).From();

  
 
  • 1
  • 2
  • 3
  • 4
  • 5

Set

SetEase()设置动画曲线,点击这里,体验不同动画曲线效果。

//物体先向后一点,再向前播放 
SetEase(Ease.InBack);

  
 
  • 1
  • 2

SetLoops()设置循环播放次数

 cube.transform.DOMoveX(5, 1).SetEase(Ease.InCubic).SetLoops(2);

  
 
  • 1

On

OnComplete()当动画结束时运行的事件函数

 cube.transform.DOMoveX(5, 1).OnComplete(() => { Debug.Log("End"); });

  
 
  • 1

OnStart()当动画第一次运行时的事件函数

cube.transform.DOMoveX(5, 1).OnStart(() => { Debug.Log("Start"); });

  
 
  • 1

Sequence

Sequence:相当于一个Tweener的链表,可以通过执行一个Sequence来执行一串Tweener,使用Sequence类可以方便的组织Tweens来制作复杂的过渡动画。
Append(Tween tween):在Sequence的最后添加一个tween。
AppendCallback(TweenCallback callback):在Sequence的最后添加一个回调函数。
AppendInterval(float interval):在Sequence的最后添加一段时间间隔。
Insert(float atPosition, Tween tween):在给定的时间位置上放置一个tween,可以实现同时播放多个tween的效果,而不是一个接着一个播放。
InsertCallback(float atPosition, TweenCallback callback): 在给定的时间位置上放置一个回调函数。
Join(Tween tween):在Sequence的最后一个tween的开始处放置一个tween。
Prepend(Tween tween):在Sequence开始处插入一个tween,原先的内容根据时间往后移。
PrependCallback(TweenCallback callback): 在Sequence开始处插入一个回调函数。
PrependInterval(float interval) :在Sequence开始处插入一段时间间隔,原先的内容根据时间往后移。

例子

最后,通过一个简单常用的例子,给大家演示一下使用DOTween实现数字滚动动画效果。

//-------------------------------
//-------------------------------
// @data2020.10.13
// @autor:爱上游戏开发
// DOTween实现数字滚动动画效果
//-------------------------------
//-------------------------------
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;
using System;
using DG.Tweening;

public class test : MonoBehaviour
{
    public Text text;
    private Sequence mScoreSequence;
    private int mOldScore = 0;
    private int newScore = 0;
	void Awake()
    {
        mScoreSequence = DOTween.Sequence();
        mScoreSequence.SetAutoKill(false);
    }
    void Start()
    {
    }
    void DigitalAnimation() {
        mScoreSequence.Append(DOTween.To(delegate (float value) {
            var temp = Math.Floor(value);
            text.text = temp + "";
        }, mOldScore, newScore, 0.4f));
        mOldScore = newScore;
    }
    void Update()
    {
        if (Input.GetKeyDown(KeyCode.A))
        {
            newScore += 1024;
            DigitalAnimation();
        }
    }

}


  
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46

效果如下:
在这里插入图片描述

文章来源: unity3d.blog.csdn.net,作者:爱上游戏开发,版权归原作者所有,如需转载,请联系作者。

原文链接:unity3d.blog.csdn.net/article/details/109029636

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。