推薦閱讀:
前言
以前做動畫就是:這個動畫XXX模塊里用到過,復制-粘貼;這個動畫好像沒實現過,百度-復制-粘貼。今天,我終於下定決心自己學一下DOTween動畫。DOTween動畫作為眾多插件中的一員,成為大部分開發者使用的動畫插件是有一定道理的。
安裝插件
簡單介紹一下DoTween插件的安裝。首先你需要下載該插件,你有兩種選擇:
1.你可以選擇去官網下載 ;
2.你可以通過我的網盤鏈接下載鏈接:
https://pan.baidu.com/s/1J6NjDIWzr56kmqR041o_eA 提取碼: htpa 復制這段內容后打開百度網盤手機App,操作更方便哦
接下來,打開你的Unity項目,雙擊運行上步驟下載的插件,導入到工程。導入新的DOTween更新后,您必須設置DOTween才能根據您的Unity版本導入/重新導入其他庫。
要設置DOTween,請從“Tools / Demigiant”菜單中打開DOTween 工具面板,然后從出現的面板中選擇“Setup DOTween ...”。
選擇setup后,你就安裝完成啦!
使用
使用DOTween,需在該類/腳本中加入如下引用:
using DG.Tweening;
一切准備就緒,下面開始介紹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);
}
說明:
DOMove() 修改的是物體的世界坐標 ; DOLocalMove()修改的是物體的局部坐標
DOMoveX()只在X軸方向上移動
DOText() 文字打印效果
text.DOText("關注微信公眾號:愛上游戲開發", 2);
DOColor()修改顏色
text.DOColor(Color.red, 2);
DOFade()透明度漸變
text.DOFade(1, 2);
DOShakePosition() 震動效果
Camera.main.transform.DOShakePosition(1, 0.5f);
From Tweens
//加上from()方法,默認false,表示從目標位置移動到當前位置
//如果為true,表示相對距離,例如cube當前位置為(2,0,0),則目標位置為(2+5,0,0)
cube.transform.DOMoveX(5, 1).From();
Set
SetEase()設置動畫曲線,點擊這里,體驗不同動畫曲線效果。
//物體先向后一點,再向前播放
SetEase(Ease.InBack);
SetLoops()設置循環播放次數
cube.transform.DOMoveX(5, 1).SetEase(Ease.InCubic).SetLoops(2);
On
OnComplete()當動畫結束時運行的事件函數
cube.transform.DOMoveX(5, 1).OnComplete(() => { Debug.Log("End"); });
OnStart()當動畫第一次運行時的事件函數
cube.transform.DOMoveX(5, 1).OnStart(() => { Debug.Log("Start"); });
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();
}
}
}
效果如下: