DOTween的学习

最新推荐文章于 2024-03-02 21:51:47 发布
最新推荐文章于 2024-03-02 21:51:47 发布
阅读量544 收藏 3
点赞数 1
分类专栏： Unity3D 文章标签： unity 游戏开发 DOTween
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39520967/article/details/107337458
版权

什么是DOTween？

用于实现物体的补间动画。DOTween可以很容易的制作出如位移，旋转，缩放等动画效果。它可以给UI以及其他的一些游戏物体加入动画效果。

通用的方式

对变量进行动画

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using DG.Tweening;

public class GetStart : MonoBehaviour {

    public Vector3 myVector = new Vector3(0, 0, 0);

    // Start is called before the first frame update
    void Start() {
        //对变量做一个动画（通过插值的方式去修改一个值的改变）
        DOTween.To(() => myVector, x => myVector = x, new Vector3(10, 10, 10), 2);
    }

}

在这里插入图片描述

控制Cube动画

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using DG.Tweening;

public class GetStart : MonoBehaviour {

    public Vector3 myVector = new Vector3(0, 0, 0);

    public Transform cubeTransform;

    // Start is called before the first frame update
    void Start() {
        //对变量做一个动画（通过插值的方式去修改一个值的改变）
        DOTween.To(() => myVector, x => myVector = x, new Vector3(10, 10, 10), 2);
    }

    void Update() {
        //同步值的修改
        cubeTransform.position = myVector;
    }

}

在这里插入图片描述

对UI进行动画

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using DG.Tweening;

public class GetStart : MonoBehaviour {

    public Vector3 myVector = new Vector3(0, 0, 0);

    public RectTransform imageRectTransform;

    // Start is called before the first frame update
    void Start() {
        //对变量做一个动画（通过插值的方式去修改一个值的改变）
        DOTween.To(() => myVector, x => myVector = x, new Vector3(0, 0, 0), 2);
    }

    void Update() {
        //同步值的修改
        imageRectTransform.localPosition = myVector;
    }

}

在这里插入图片描述

上面的使用动画的方式比较麻烦，需要要定义值，对值进行变化，还要同步值的修改。

快捷方式

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using DG.Tweening;

public class ButtonController : MonoBehaviour {
    public RectTransform imageRectTransform;


    public void OnButtonClick() {
        //imageRectTransform.DOMove(new Vector3(0, 0, 0), 1); //让imageRectTransform从当前位置动画到（0,0,0）的位置 时间为1s（修改的是世界坐标）

        //因为UI上是局部坐标，所以使用DOLocalMove
        imageRectTransform.DOLocalMove(new Vector3(0, 0, 0), 1);
    }
}

在这里插入图片描述

前放和倒放：DOPlayForward( )和DOPlayBackwards( )

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using DG.Tweening;

public class ButtonController : MonoBehaviour {
    public RectTransform imageRectTransform;

    //标志位，用来判断是进入还是出去
    public bool isIn=false;


    //放在这，只执行一次，只会出现一个Tweener
    void Start() {
        //因为UI上是局部坐标，所以使用DOLocalMove
        Tweener tweener = imageRectTransform.DOLocalMove(new Vector3(0, 0, 0), 1);//默认动画播放完成会销毁
        //Tweener对象保存这个动画的信息，每次调用do类型的方法都会创建Tweener对象，这个对象是由dotween来管理
        tweener.SetAutoKill(false);//把自动销毁设置为false
        tweener.Pause();//暂停
    }

    public void OnButtonClick() {

        if (!isIn) {
            //进入屏幕
            imageRectTransform.DOPlayForward();//前放
            isIn = true;
        } else {
            //离开屏幕
            imageRectTransform.DOPlayBackwards();//倒放
            isIn = false;
        }
        

    }
}

在这里插入图片描述

From( )

transform.DOMoveX(5, 3).From();：从目标坐标，移动到当前坐标。例如当前坐标（1,0,0），目标坐标(5,0,0)，那么就是从（5,0,0）移动到（1,0,0）。

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using DG.Tweening;

public class MyCube : MonoBehaviour {
    
    void Start() {
        //从当前位置移动到目标位置（5,0,0）
        //transform.DOMoveX(5,3);

        //加了From后，从目标位置移动到当前位置
        transform.DOMoveX(5, 3).From();
    }

}

在这里插入图片描述

transform.DOMoveX(5, 3).From(true);：从当前坐标+目标坐标，移动到当前坐标。例如当前坐标（1,0,0），目标坐标(5,0,0)，那么就是从（6,0,0）移动到（1,0,0）。

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using DG.Tweening;

public class MyCube : MonoBehaviour {
    
    void Start() {
        

        //从当前坐标+目标坐标，移动到当前坐标。
        transform.DOMoveX(5, 3).From(true);
    }

}

在这里插入图片描述

动画属性设置（动画曲线和事件函数）

在这里插入图片描述

DOTween的动画曲线默认是一个抛物线，效果如上图所示。我们可以使用SetEase( )设置不同的动画曲线。

SetEase( )：动画曲线设置（缓动曲线图）

Ease.InBack ：函数图可参考链接

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

代码：

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using DG.Tweening;

public class ImageController : MonoBehaviour {

    void Start() {
        Tweener tweener = transform.DOLocalMoveX(0, 5);
        tweener.SetEase(Ease.InBack);
    }

}
Ease.InBounce：函数图链接

效果如图所示：
在这里插入图片描述

Ease.InCirc：函数图链接

效果如图所示。

在这里插入图片描述

其他的可自行测试。

OnComplete（）：事件函数，动画播放完调用另一个方法。

效果：
在这里插入图片描述

代码：

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using DG.Tweening;

public class ImageController : MonoBehaviour {

    void Start() {
        Tweener tweener = transform.DOLocalMoveX(0, 5);
        tweener.SetEase(Ease.InBounce);//动画曲线
        tweener.OnComplete(OnTweenComplete);//动画结束事件
    }

    void OnTweenComplete() {
        print("OnComplete");
    }

}

SetLoops（）：设置动画循环次数

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

代码：

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using DG.Tweening;

public class ImageController : MonoBehaviour {

    void Start() {
        Tweener tweener = transform.DOLocalMoveX(0, 5);
        tweener.SetEase(Ease.InBounce);//动画曲线
        tweener.SetLoops(2);//循环2次
    }

}

对话框文字动画：DOText( )

效果：
在这里插入图片描述
代码：

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;
using DG.Tweening;

public class MyText : MonoBehaviour {

    private Text text;

    void Start() {
        text = GetComponent<Text>();

        text.DOText("北冥有鱼，其名为鲲，鲲之大，一锅炖不下，化而为鸟，其名为鹏，" +
            "鹏之大，需要两个烧烤架，一个密制一个微辣，来瓶雪花我们勇闯天涯。", 10);//10秒显示文字动画
    }

}

Text字体颜色渐变：DOColor（）

效果：
在这里插入图片描述
代码：

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;
using DG.Tweening;

public class MyText : MonoBehaviour {

    private Text text;

    void Start() {
        text = GetComponent<Text>();

        text.DOColor(Color.red, 2); //2秒内颜色渐变动画
    }

}

Text透明度渐变：DOFade（）

效果：
在这里插入图片描述

代码：

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;
using DG.Tweening;

public class MyText : MonoBehaviour {

    private Text text;

    void Start() {
        text = GetComponent<Text>();

        text.DOFade(1, 10);//第一个参数为透明度，0为不透明，1为完全透明，第二个参数为渐变时间
    }

}

屏幕震动效果：DOShakePosition（）

使摄像机发生随机方向上的位移，以此来实现屏幕震动效果。

效果：
在这里插入图片描述

代码：

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using DG.Tweening;

public class MyShakeCamera : MonoBehaviour {
    // Start is called before the first frame update
    void Start() {
        //transform.DOShakePosition(1);//震动时间1秒，默认方向随机，震动强度为1

        //震动时间1秒，方向为x，y方向，震动强度为3
        transform.DOShakePosition(1, new Vector3(3, 3, 0)); 

    }

}

更多的API可以参考DOTween官方文档。

lz无痕
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
DOTween Pro 1.0.178 Unity曲线动画插件 最新版
02-25
DOTween Pro 1.0.178 Unity曲线动画插件，可以做出很奇妙的曲线动画，包括界面特效，用过的都知道，我不用说了
Dotween学习
微凉初晋的博客
08-18 234
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
Unity游戏输入系统（新版+旧版）
最新发布
雪剑封心
03-02 504
若想使用键盘：keyboard --> By Location of Key(Using US Layout) --> 选择按键。安装新版后，在 [编辑-> 项目设置-> 玩家-> 其他设置-> 输入活动 ]处理中设置，新版或者两个。安装后，首先要挂新版的组件 “Playre Input”,使用搜索，输入Input。若想使用鼠标：Mouse --> left Button(左键)按键后可观察到，两个轴的数值发生变化。双击新建的文件，出现下面的菜单。asd就不截图了，都一样。
DOTween学习
diqu0694的博客
08-10 100
1.世界坐标移动 //DOTween自带的方法（静态方法）：对变量做一个动画（通过插值的方式修改一个值得变化）要使用 using DG.Tweening; 命名空间 //第一个参数：使用了 C# 的Lambda语法，对 myValue 值进行修改，返回 myValue //第二个：也使用 Lambda 语法，把修改的值赋给 myValue，x是DOTween计算好的一个值 //第...
Dotween 绘制抛物线（不用Path）
Roadlun的博客
07-14 2591
网上说的dotween绘制抛物线很多用Path来完成，如果是单纯绘制抛物线的话，这个方法比较麻烦，本文讲解用简单的Sequense来绘制抛物线。 Sequence s = DOTween.Sequence(); s.Append(msg.sprite.DOMoveX(抛物线X总长度, 总时间).SetEase(Ease.Linear)); s.Insert(0, msg.sprite.DOMoveY(最高点Y, 抛物线一半的时间).SetEase(Eas
Unity DoTween 抛物线运动
weixin_45836718的博客
09-02 2214
最近项目有需求让游戏物体做抛物线运动使用了以下方法, Sequence s = DOTween.Sequence(); //定义一共2秒的 x 轴移动 s.Append(eff.transform.DOMoveX(position.x, 2).SetEase(Ease.Linear)); //定义0-1秒的 y 轴移动 s.Insert(0, eff.transform.DOMoveY(y, 1F).SetEa
Untiy插件 dotween 学习笔记本.one
07-26
Untiy插件 dotween 学习笔记本.one
10005006 DOTween学习笔记和工程.zip
05-16
DOTween学习笔记和工程，适合初学者，包含屏幕震动、路径编辑等。
DOTween Pro.zip
02-03
Unity 补间动画插件Unity 补间动画插件Unity 补间动画插件Unity 补间动画插件Unity 补间动画插件Unity 补间动画插件
DOTween Pro 1.03
07-01
仅用于学习，请勿商用。
DOTween Pro
12-04
该DOTween Pro插件已整理学习文档，https://blog.csdn.net/weixin_38239050/article/details/84776805 欢迎补充交流
Unity中动画插件DoTween
01-16
Unity中动画插件DoTween，以及Unity中动画插件DoTween PRO版本
C#物体抛物线移动，适用于投掷物体轨迹，比如射箭，导弹，篮球等
09-05
用C#写的，能够实现类似抛物线运动的脚本，能够广泛的应用于许多体育类应用场景。 public float rotateX = 45; // 箭的最大X軸旋轉角度 public float speed = 10; // 箭的速度 public float height = 10; // 箭的最大高度
【Unity】 结合DoTween制作抛物线效果
Voioer的博客
06-19 3063
【Unity】 结合DoTween制作抛物线效果 概要 public partial class EMath { public static Vector3 Parabola(Vector3 start, Vector3 end, float height, float t) { float Func(float x) => 4 * (-height * x * x + height * x); var mid = Vector3.Lerp(sta
Dotween曲线动画
MMMeKey博客园
04-20 1429
http://robertpenner.com/easing/easing_demo.html
Unity的DOTween动画曲线演示
Stephanie的专栏
04-24 1158
由于经常要 用到DOTween中的动画，线性动画可能最常用到。虽然最常用到的动画曲线可能是Linear均匀动画。但是，其他动画可能由于不经常使用，连他们值变化是啥样都不知道了。所以，我做了一个极简单的小demo,，以移动动画为例，用于演示所打印有动画类型的曲线，如变化速度。
Unity插件之DOTween Api
放羊的小孩
01-27 1510
----形式一--------------------ui动画---------------------------------------- 1.引用头文件usingDG.Tweening; 2.设置当前位置publicVector3myValue=newVector3(0,0,0); 3.在一帧中调用DOTween.To()=>myValue,x=>myValue=x,new
Unity插件之DOTween教程
热门推荐
爱上游戏开发
10-12 1万+
推荐阅读：  我的CSDN  我的博客园  QQ群：704621321  我的个人博客 前言 以前做动画就是：这个动画XXX模块里用到过，复制-粘贴；这个动画好像没实现过，百度-复制-粘贴。今天，我终于下定决心自己学一下DOTween动画。DOTween动画作为众多插件中的一员，成为大部分开发者使用的动画插件是有一定道理的。 安装插件 简单介绍一下DoTween插件的安装。首先你需要下载该插件，你有两种选择： 1.你可以选择去官网下载http://dotw..
【编辑器】Unity编辑器里DOTween动画曲线的预览器
XiaoGuiXuan的博客
11-12 1536
在Unity开发过程中，我们都可能会需要用到DOTween来做一些补间动画，其中，这些补间动画往往会有一些曲线效果。那么，如何来查看这些曲线的轨迹以及曲线的作用效果呢？DOTween插件里好像没有对应的预览器，所以我在闲杂时间便撸了个代码，方便后面编辑动画时，查看动画曲线的效果。直接上代码： using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEditor; using DG.
dotween pro
01-28
DoTween Pro是一个功能强大的动画插件，可用于Unity引擎。它基于DoTween插件的基础上进行了升级和扩展，提供了更多的动画效果和功能。 DoTween Pro具有简单易用的接口和强大的功能，可以轻松地实现各种动画效果。它...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值