DoTween用法攻略


本文提供全流程,中文翻译。

Chinar 坚持将简单的生活方式,带给世人!

(拥有更好的阅读体验 —— 高分辨率用户请根据需求调整网页缩放比例)

Chinar —— 心分享、心创新!

助力快速理解 DoTween 的使用和效果理解

为新手节省宝贵的时间,避免采坑!

Chinar 教程效果:



1

Change Variate - - - - 改变变量

using UnityEngine;
using DG.Tweening;//引用命名空间 public class NewStart : MonoBehaviour
{
public Vector3 NewVector3=new Vector3(0,0,0);//声明一个Vector3的变量 void Start()
{
//把一个三维变量做一个插值,渐渐变换到某个值new Vector3(10, 10, 10),经过3秒
//表达式:() => NewVector3, x => NewVector3 = x
DOTween.To(() => NewVector3, x => NewVector3 = x, new Vector3(10, 10, 10), 3);
}
}

2

Transform - - - - 位置信息

任务栏 - 弹出(老方法)

using UnityEngine;
using DG.Tweening;//引用命名空间 /// <summary>
/// 测试脚本的类
/// </summary>
public class NewStart : MonoBehaviour
{
public Transform DiamondTransform;//方块位置信息 public RectTransform WorkRectTransform;//任务面板 public Vector3 NewVector3=new Vector3(0,0,0);//声明一个Vector3的变量 void Start()
{
//把一个三维变量做一个插值,渐渐变换到某个值new Vector3(10, 10, 10),经过3秒
//表达式:() => NewVector3, x => NewVector3 = x
DOTween.To(() => NewVector3, x => NewVector3 = x, new Vector3(0, 0, 0), 2);
} void Update()
{
//DiamondTransform.position = NewVector3; WorkRectTransform.localPosition = NewVector3;
}
}

效果:


3

Taskbar - - - - 前进-回退

任务栏 - 弹出 / 收回

using UnityEngine;
using DG.Tweening;//引用命名空间
using UnityEngine.UI;//引用UI /// <summary>
/// 测试脚本——任务栏
/// </summary>
public class TestWork : MonoBehaviour
{
public RectTransform MissionRectTransform;//任务栏坐标 private bool _isin = false;//默认为false,没有在屏幕当中 /// <summary>
/// 唤醒函数
/// </summary>
void Awake()
{
MissionRectTransform = GameObject.Find("MovePanel").GetComponent<RectTransform>();//获取任务栏的位置信息 Button button = GameObject.Find("Button").GetComponent<Button>();//获取按钮 button.onClick.AddListener(OnClick);//动态绑定按钮事件
} /// <summary>
/// 初始化函数
/// </summary>
void Start()
{
ChangeTweener();//调用控制动画的方法
} /// <summary>
/// 按钮事件
/// </summary>
public void OnClick()
{
if (_isin==false)
{
MissionRectTransform.DOPlayForward();//前进; _isin = true;//标示,进入
}
else
{
MissionRectTransform.DOPlayBackwards();//回退 _isin = false;//标示,退出
}
} /// <summary>
/// 控制动画的方法
/// </summary>
private void ChangeTweener()
{
//移动到(0,0,0) 经过0.3秒
//MissionRectTransform.DOMove(new Vector3(0, 0, 0),0.3f);//(修改世界坐标) //每次调用do类型的方法,都会返回一个Tweener对象,用来保存动画信息。这个对象是DoTween来管理的
//默认播放完后,动画被销毁
Tweener tweener = MissionRectTransform.DOLocalMove(new Vector3(0, 0, 0), 0.3f);//(修改自身坐标) tweener.SetAutoKill(false);//自动销毁,设置为关闭 tweener.Pause();//暂停动画
}
}

效果:


4

From Tween - - - - From()用法

方法后跟 .From(),是目标位置 —— 到物体 Inspector(检查员) 面板上的当前位置

方法后跟 .From(true),是目标位置+物体偏移量 —— 到物体 Inspector 面板上的当前位置


5

Control Animation Curve - - - -控制动画曲线

Ease —— 减缓

Bounce —— 弹力

loops —— 循环

Complete —— 完成

using UnityEngine;
using DG.Tweening;//引用DoTween空间 /// <summary>
/// 测试脚本——控制动画曲线
/// </summary>
public class TestShit : MonoBehaviour
{ /// <summary>
/// 初始化函数
/// </summary>
void Start()
{
Tweener tweener= transform.DOLocalMove(new Vector3(0, 0, 0), 2);//设置移动到目标位置,2秒 //tweener.SetEase(Ease.InBack);//设置动画曲线 —— 先回弹,再到达目标 //tweener.SetEase(Ease.InBounce);//设置动画曲线 —— 先弹2下,再到达目标 tweener.SetEase(Ease.OutBounce);//设置动画曲线 —— 先到目标,再弹2下 tweener.SetLoops(2);//设置动画-循环次数 tweener.OnComplete(OnTweenFunction);//监听事件 —— 动画执行完成,执行事件函数 OnTweenFunction()
} /// <summary>
/// 调用函数
/// </summary>
public void OnTweenFunction()
{
print("动画执行完毕");
}
}

效果:


6

Animate Text - - - -文本动画

文本摘自《魁拔》 —— 强推!走心的国产动画!句句经典!

using UnityEngine;
using UnityEngine.UI;//引用UI命名空间
using DG.Tweening;//引用DoTween命名空间 /// <summary>
/// 测试脚本 —— 测试文本动画
/// </summary>
public class TestText : MonoBehaviour
{
private Text _text;//声明一个文本框 /// <summary>
/// 初始化函数
/// </summary>
void Start()
{
_text = GetComponent<Text>();//获取当前物体的Text组件 //(文本,持续时间8秒)
_text.DOText("我的小鱼,你醒了\n还记得早晨吗?\n昨夜你曾经说,愿夜幕永不开启\n初吻吻别的那个季节,不是已经哭过了吗?\n你的香腮边轻轻滑落的,是你的泪,还是我的泪\n我的指尖还记忆着\n你慌乱的心跳\n温润的体香里那一缕长发飘飘。", 8);
}
}

效果:


7

Shake - - - 震动

调用 DoTween 内部方法 DOShake,就可以直接达到震动效果()里边是参数

using UnityEngine;
using DG.Tweening;//引用命名空间 /// <summary>
/// 测试脚本 —— 震动效果
/// </summary>
public class TestShakeScreen : MonoBehaviour
{
/// <summary>
/// 初始化函数
/// </summary>
void Start()
{
transform.DOShakePosition(4, new Vector3(3, 3, 3));//震动位置(持续时间4秒,震动偏移量) transform.DOShakeScale(4);//震动比例(持续时间4秒) transform.DOShakeRotation(2,new Vector3(66,66,66));//震动旋转(持续时间2秒,震动角度偏移量)
}
}

效果:


支持

May Be —— 搞开发,总有一天要做的事!

拥有自己的服务器,无需再找攻略!

Chinar 提供一站式教程,闭眼式创建!

为新手节省宝贵时间,避免采坑!

先点击领取 —— 阿里全产品优惠券 (享受最低优惠)



1 —— 云服务器超全购买流程 (新手必备!)



2 —— 阿里ECS云服务器自定义配置 - 购买教程(新手必备!)



3—— Windows 服务器配置、运行、建站一条龙 !



4 —— Linux 服务器配置、运行、建站一条龙 !




" role="presentation">

技术交流群:806091680 ! Chinar 欢迎你的加入


END

本博客为非营利性个人原创,除部分有明确署名的作品外,所刊登的所有作品的著作权均为本人所拥有,本人保留所有法定权利。违者必究


对于需要复制、转载、链接和传播博客文章或内容的,请及时和本博主进行联系,留言,Email: ichinar@icloud.com


对于经本博主明确授权和许可使用文章及内容的,使用时请注明文章或内容出处并注明网址

DoTween用法教程的更多相关文章

  1. Unity 3D UGUI Toggle用法教程

    UGUI Toggle用法教程 本文提供全流程,中文翻译. Chinar 坚持将简单的生活方式,带给世人!(拥有更好的阅读体验 -- 高分辨率用户请根据需求调整网页缩放比例) Chinar -- 心分 ...

  2. Unity LOD-Level of Detail(多层次细节)用法教程

    Unity LOD 多层次细节 本文提供全流程,中文翻译. Chinar 坚持将简单的生活方式,带给世人!(拥有更好的阅读体验 -- 高分辨率用户请根据需求调整网页缩放比例) Chinar -- 心分 ...

  3. Unity 灯光探针用法教程

    Unity 灯光探针用详解 本文提供全流程,中文翻译. Chinar 坚持将简单的生活方式,带给世人!(拥有更好的阅读体验 -- 高分辨率用户请根据需求调整网页缩放比例) Chinar -- 心分享. ...

  4. Unity反射探针用法教程

    Unity 3D反射探针 本文提供全流程,中文翻译. Chinar 坚持将简单的生活方式,带给世人!(拥有更好的阅读体验 -- 高分辨率用户请根据需求调整网页缩放比例) Chinar -- 心分享.心 ...

  5. CSS margin属性与用法教程

    margin 属性是css用于在一个声明中设置所有 margin 属性的简写属性,margin是css控制块级元素之间的距离, 它们之间是透明不可见的. margin属性包含了margin left  ...

  6. sublime text 3 扩展插件SideBarEnhancements用法教程

    SideBarEnhancements本是增强侧边栏的插件,这里将教大家如何用来做sublime text 3浏览器预览插件,并可自定义浏览器预览的快捷键. 第一步:安装此插件,搜索相关教程,本博客有 ...

  7. Unity中有限状态机的用法教程

    Unity开发VR之Vuforia 本文提供全流程,中文翻译. Chinar 坚持将简单的生活方式,带给世人!(拥有更好的阅读体验 -- 高分辨率用户请根据需求调整网页缩放比例) Chinar -- ...

  8. Unity3d mesh合并,网格合并具体用法教程

    Unity开发Mesh合并网格 本文提供全流程,中文翻译. Chinar 坚持将简单的生活方式,带给世人!(拥有更好的阅读体验 -- 高分辨率用户请根据需求调整网页缩放比例) Chinar -- 心分 ...

  9. Odoo前端页面模版渲染引擎——Jinja2用法教程

    转载请注明原文地址:https://www.cnblogs.com/cnodoo/p/9307200.html  一:渲染模版 要渲染一个qweb模板文件,通过render_template方法即可. ...

随机推荐

  1. SQL Timeout超时的处理方法

    第一步:修改Web.config配置文件.在数据库连接字符串中加上连接时间Connect Timeout,根据实际情况定时间. <!--连接数据库--> <connectionStr ...

  2. [Java学习] Java Object类

    Object 类位于 java.lang 包中,是所有 Java 类的祖先,Java 中的每个类都由它扩展而来. 定义Java类时如果没有显示的指明父类,那么就默认继承了 Object 类.例如: 1 ...

  3. python--HTTPClient接口测试踩坑

    1.今天下午做接口测试的时候遇到一个奇怪的问题:原因不明 requests.exceptions.ConnectionError: ('Connection aborted.', RemoteDisc ...

  4. 20170728xlVba SSC_TODAY

    Public Sub SSC_TODAY() Dim strText As String Dim Reg As Object, Mh As Object, OneMh As Object Dim i ...

  5. Dynamic Web Module 3.1 requires Java 1.7 or newer. 错误解决方案

    在写代码的时候工程出现了这样奇怪的bug很是蛋疼啊,经过查询解决方法,终于解决了这些个问题. 下面是解决问题的方法,和大家分享一下 (1)确定你的java工程配置使用了java 7 右键单击你的工程p ...

  6. html5绘制字符串

    <!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head>    < ...

  7. Grep console 设置

    Grep console     DEBUG 9961B8 INFO 4B5E76 WARN 8A8A00 ERROR 9F6B00 8A7674      

  8. BZOJ1461 字符串的匹配

    什么字符串...明明是两个数列... 分类上来讲,还是一道很好的noip题...(雾) 首先,kmp会不会?(答:会!) 其次,树状数组求顺序对会不会?(再答:会!) 讲完了!>.< 进入 ...

  9. snapshot相关

    概述 Specify the number of days of snapshots to choose from Entering the number of days (n) will resul ...

  10. 非常简单的vue里面引入jquery

    如何在vue里面引入jq了,只需四部就完成 第一步 cnpm install jquery 第二步 打开build文件夹 , 打开webpack.base.conf.js文件找到下面module.ex ...