DOTWeen 使用


  1 using UnityEngine;
  2 using System.Collections;
  3 using DG.Tweening;
  4 using UnityEngine.UI;
  5 
  6 
  7 public class TestDoTween : MonoBehaviour {
  8 
  9     int number = 0;
 10     // Use this for initialization
 11     void Start ()
 12     {
 13         //FunctionOne();
 14         //FunctionTwo();
 15         //FunctionSequence();
 16         FunctionSet();
 17     }
 18 
 19     // 創建 DOTween 實例 方法
 20     #region 方法一 類方法
 21     private void FunctionOne()
 22     {
 23         // 創建一個 Tweener 是自身坐標 一秒內 移動到  坐標 Vector3(5, 5, 5) 位置
 24         Tween tween = DOTween.To(() => transform.position, r => transform.position = r, new Vector3(5, 5, 5), 1);
 25 
 26         // 創建一個 Tweener 對象, 另 number的值在 5 秒內變化到 100
 27         Tween t = DOTween.To(() => number, x => number = x, 100, 5);
 28         // 給執行 t 變化時,每幀回調一次 UpdateTween 方法
 29         t.OnUpdate( () => UpdateTween(number));  
 30     }
 31 
 32     private void UpdateTween(int num)
 33     {
 34         Debug.Log(num);      // 變化過程中, 每幀回調該方法
 35     }
 36 
 37     #endregion
 38 
 39     #region 方法二  直接調用
 40 
 41     private void FunctionTwo()
 42     {
 43         //十秒內X,Y,Z 局部坐標(localPosition)移動到  10,10,10 位置
 44         //transform.DOBlendableLocalMoveBy(new Vector3(10, 10, 10), 10);
 45 
 46         //十秒內 X,Y,Z 方向的局部旋轉(localPosition),轉動到 30,30,30
 47         //transform.DOBlendableLocalRotateBy(new Vector3(30, 30, 30), 10);
 48 
 49         //十秒內X,Y,Z坐標移動到 自身坐標 加 new Vector3( 10,10,10) 位置 原始 坐標 3,3,3,移動后 13,13,13
 50         //transform.DOBlendableMoveBy(new Vector3(10, 10, 10), 10);
 51 
 52         //十秒內X,Y,Z自身旋轉到 30,30,30(有父物體的相對於父物體)
 53         //transform.DOBlendableRotateBy(new Vector3(30, 30, 30), 10);
 54 
 55         //十秒內 自身X,Y,Z方向的比例 加 3,3,3如原始比例 2,1,1 變化后5,4,4
 56         //transform.DOBlendableScaleBy(new Vector3(10, 10, 10), 10);
 57 
 58         //執行該方法,變化立即結束,且完成移動
 59         //transform.DOComplete();
 60 
 61         //在變化過程中執行該方法,則物體慢慢的變回原樣,如果變化已經完成,該方法無效
 62         //transform.DOFlip();
 63 
 64         // 變化過程中執行該方法,則物體變化到 第二秒 時該物體的位置、比例等
 65         //transform.DOGoto(2);
 66 
 67         //十秒內 彈跳 3次
 68         //transform.DOJump(new Vector3(10, 10, 10), 3, 10);
 69 
 70         //停止掉當前的變化
 71         //transform.DOKill();
 72 
 73         // 十秒內 彈跳 3次, 局部坐標最終變化為  10, 0, 10
 74         //transform.DOLocalJump(new Vector3(10, 10, 10), 3, 10);
 75 
 76         // 5 秒內, 局部坐標變化到  10,10,10
 77         //transform.DOLocalMove(new Vector3(10, 10, 10), 5);
 78 
 79         // 10 秒內 X 局部坐標變換到 5
 80         //transform.DOLocalMoveX(5, 10);
 81 
 82         // 10 秒內 Y 局部坐標變化到 5
 83         //transform.DOLocalMoveY(5, 10);
 84 
 85         //10 秒內 Z 局部坐標變化到 5
 86         //transform.DOLocalMoveZ(5, 10);
 87 
 88         //transform.DOLocalPath();
 89 
 90         //5 秒內 局部旋轉變化到  10,10, 10
 91         //transform.DOLocalRotate(new Vector3(10, 10, 10), 5);
 92 
 93         // 自身朝向 坐標(10,10,10)
 94         //transform.DOLookAt(new Vector3(10, 10, 10), 5);
 95 
 96         // 5 秒內 移動到 坐標 (10,10,10)
 97         //transform.DOMove(new Vector3(10, 10, 10), 5);
 98 
 99         //10 秒內 X 局部坐標變化到 5
100         //transform.DOMoveX(5, 10);
101 
102         //10 秒內 Y 局部坐標變化到 5
103         //transform.DOMoveY(5, 10);
104 
105         //10 秒內 Z 局部坐標變化到 5
106         //transform.DOMoveZ(5, 10);
107 
108         //
109         //transform.DOPath();
110 
111         //執行該方法停止 變化
112         //transform.DOPause();
113 
114         //transform.DOPlay();
115 
116         //變化結束前調用該方法,物體回到原始位置
117         //transform.DOPlayBackwards();
118 
119         //執行 transform.DOPlayBackwards(); 物體回到原始位置
120         //執行 下面方法則再次變化
121         //transform.DOPlayForward();
122 
123         //沖壓機,在 5 秒內在原始坐標和下面坐標之間,來回沖壓
124         //transform.DOPunchPosition(new Vector3(10, 10, 10), 5);
125 
126         //沖壓機,在 5 秒內在原始旋轉和下面角度之間,來回沖壓變化
127         //transform.DOPunchRotation(new Vector3(50, 50, 50), 5);
128 
129         //沖壓機,在 5 秒內在原始比例和下面比例之間,來回沖壓變化
130         //transform.DOPunchScale(new Vector3(5, 5, 5), 5);
131 
132         //在變化結束之前,執行該方法,則重新開始變化
133         //transform.DORestart();
134 
135         //變化過程中執行該方法,回到原始
136         //transform.DORewind();
137 
138         // 10 秒內 旋轉角度 到  (50,50,50)
139         //transform.DORotate(new Vector3(50, 50, 50), 5);
140 
141         // 10 秒內 比例變化到  (5,5,5)
142         //transform.DOScale(new Vector3(5, 5, 5), 5);
143 
144         // 10 秒內 X 比例變化到 5 
145         //transform.DOScaleX(5, 10);
146 
147         // 10 秒內 Y 比例變化到 5 
148         //transform.DOScaleY(5, 10);
149 
150         // 10 秒內 Z 比例變化到 5 
151         //transform.DOScaleZ(5, 10);
152 
153         // 10 秒內 物體 X,Y,Z 坐標在   自身-5 到 自身加 5 之間震動
154         //transform.DOShakePosition(10, new Vector3(10, 10, 10));
155 
156         // 10 秒內, 物體 X,Y,Z 旋轉角度在 自身-5 到 自身加 5 之間震動
157         //transform.DOShakeRotation(10, new Vector3(10, 10, 10));
158 
159         // 10 秒內, 物體 X,Y,Z 比例在 自身-5 到 自身加 5 之間震動
160         //transform.DOShakeScale(10, new Vector3(10, 10, 10));
161 
162         //在變化過程中執行該方法,停止、開始、停止、開始
163         //transform.DOTogglePause();
164 
165         // 執行該方法,坐標立即變化為 0,5,0, 從 0,5,0 兩秒移動到初始位置
166         //transform.DOMove(new Vector3(0, 5, 0), 2).From();
167 
168         // 執行該方法,移動到相對於原始位置 6,0,2 的位置
169         // 如原始位置 3,2,1。 移動后位置為 3+6,2+0,2+2 即 9,2,4
170         //transform.DOMove(new Vector3(6, 0, 2), 2).SetRelative();
171     }
172 
173     #endregion
174 
175 
176     #region DOTween回調方法  以 On 開頭
177 
178     private void CallBack()
179     {
180         // 創建一個 Tweener 對象, 另 number的值在 5 秒內變化到 100
181         Tween t = DOTween.To(() => number, x => number = x, 100, 5);
182 
183         // DOTween 可以連續調用 N 次方法如下
184         // 執行變化的過程中可以回調的方法
185         // 下面是不帶參數的回調方法
186         t.OnStart(OnStartTween).OnKill(OnKill).OnPause(OnPause).OnPlay(OnPlay).OnRewind(OnRewind);
187         t.OnStepComplete(OnStepComplete).OnUpdate(UpdateTweenEd).OnComplete(OnComplete);
188 
189 
190         // 帶參數的回調方法如下
191         t.OnUpdate(() => UpdateTweenED(number));
192     }
193 
194     private void UpdateTweenED(int num)
195     {
196         Debug.Log("num   " + num);
197     }
198 
199     private void OnComplete()
200     {
201         Debug.Log("OnComplete"); // 完成變化時回調
202     }
203 
204     private void OnKill()
205     {
206         Debug.Log("OnKill");   // 執行結束后自動殺死,回調一次
207     }
208 
209     private void OnPlay()
210     {
211         Debug.Log("OnPlay");   // 開始執行調用一次, 該方法在 OnStart 方法后調用
212     }
213 
214     private void OnPause()
215     {
216         Debug.Log("OnPause");  // 暫停回調
217     }
218 
219     private void OnRewind()
220     {
221         Debug.Log("OnRewind");   //倒回回調
222     }
223 
224     private void OnStartTween()
225     {
226         Debug.Log("StartTween"); // 開始執行最先回調, 該方法在 OnPlay 方法前調用
227     }
228 
229     private void OnStepComplete()
230     {
231         Debug.Log("OnStepComplete");  // 如果循環的,每循環完成調用一次。 不是循環的則完成執行
232     }
233 
234     private void UpdateTweenEd()
235     {
236         Debug.Log(number);      // 變化過程中, 每幀回調該方法
237     }
238 
239     private void OnWayPointChange()
240     {
241         Debug.Log("OnWayPointChange");  // 當路點發生變化時回調,在執行 DOPath 回調
242     }
243 
244     #endregion
245 
246     #region Set 方法
247 
248     private void FunctionSet()
249     {
250         Vector3 pos = Vector3.zero;
251         // 設置了循環類型 LoopType.Yoyo 和緩沖類型 Ease.InOutCirc
252         Tween tween = DOTween.To(() => pos, r => pos = r, new Vector3(5, 5, 5), 1).SetLoops(-1, LoopType.Yoyo).SetEase(Ease.InOutCirc);
253 
254         //復制一個 Tween 對象的 id, ease, loops, delay, timeScale, callbacks, etc 到另一個 Tween 對象
255         // t 復制 tween 的循環類型和緩沖類型
256         Tween t = DOTween.To(() => transform.position, r => transform.position = r, new Vector3(15, 15, 15), 2).SetAs(tween);
257 
258         // SetAutoKill  設置自動銷毀
259         // SetDelay     設置延遲 
260         // SetEase      設置緩沖類型 
261         // SetId        設置ID 可以只用 int、string、object等類型的值
262         // SetLoops     設置循環類型
263         // SetRecyclable 設置為可回收,可循環使用的
264         // SetRelative   設置相對變化
265         // SetSpeedBased
266         // SetTarget
267         // 設置 Update 的值 告訴 Tween對象 是否忽視 Unity的 的 timeScale ,即是否受Unity 時間的影響
268         // SetUpdate(UpdateType.Normal, true) 設置為 true 為忽視 Unity的時間影響
269         //                                    設置為 false 為不忽視Unity的時間影響
270         // SetUpdate
271 
272         transform.DOMoveX(20, 5).SetAutoKill(true).SetDelay(3).SetEase(Ease.InOutCirc)
273             .SetId("superTween").SetLoops( -1, LoopType.Yoyo).SetRecyclable()
274             .SetRelative().SetSpeedBased().SetTarget(transform).SetUpdate(UpdateType.Normal, true);
275 
276     }
277     #endregion
278 
279 
280     #region Sequence 隊列
281 
282     private void FunctionSequence()
283     {
284         float duration = 5; // 時間
285         Sequence s = DOTween.Sequence();
286         // 添加 一個相對於原始位置 水平方向移動, 時間 3 秒,緩沖類型 為  Ease.InOutQuad
287         s.Append(transform.DOMoveX(6, 3).SetRelative().SetEase(Ease.InOutQuad));
288 
289         //插入一個旋轉, 設置循環類型為 來去 方式
290         // and will loop forward and backward twice
291         s.Insert(0, transform.DORotate(new Vector3(0, 45, 0), duration / 2).SetEase(Ease.InQuad).SetLoops(100, LoopType.Yoyo));
292         // Add a color tween that will start at half the duration and last until the end
293         s.Insert(duration / 2, transform.GetComponent<Renderer>().material.DOColor(Color.yellow, duration / 2));
294         // Set the whole Sequence to loop infinitely forward and backwards
295         s.SetLoops(-1, LoopType.Yoyo);
296     }
297 
298     #endregion
299 
300     #region 設置冷卻轉圈的 Image
301 
302     public Image dotweenLogo, circleOutline;
303     private void FunctionImageCollDown()
304     {
305         circleOutline = GetComponent<Image>();
306         if (circleOutline == null)
307             return;
308 
309         // 隨機設置 顏色 
310         circleOutline.DOColor(RandomColor(), 1.5f).SetEase(Ease.Linear).Pause();
311 
312         //設置冷卻轉圈 附帶設置 轉一圈完成的回調方法(回調方法直接實現,不用調用其他的方法)
313         circleOutline.DOFillAmount(0, 1.5f).SetEase(Ease.Linear).SetLoops(-1, LoopType.Yoyo)
314             .OnStepComplete(() =>
315             {
316                 circleOutline.fillClockwise = !circleOutline.fillClockwise;
317                 circleOutline.DOColor(RandomColor(), 1.5f).SetEase(Ease.Linear);
318             })
319             .Pause();
320 
321         dotweenLogo = GetComponent<Image>();
322         if (dotweenLogo == null)
323             return;
324         // 這是Image 的褪色,即 慢慢變為 看不見
325         dotweenLogo.DOFade(0, 1.5f).SetAutoKill(false).Pause();
326     }
327 
328     private Color RandomColor()
329     {
330         return new Color(Random.Range(0f, 1f), Random.Range(0f, 1f), Random.Range(0f, 1f), 1);
331     }
332     #endregion
333 
334 
335     #region 設置 Text 的跑馬字,一秒顯示 N 個字
336 
337     public Text text, relativeText, scrambledText;
338     private void FunctionText()
339     {
340         text = GetComponent<Text>();
341         // Animate the first text...
342         text.DOText("This text will replace the existing one", 2).SetEase(Ease.Linear).SetAutoKill(false).Pause();
343 
344         relativeText = GetComponent<Text>();
345         // Animate the second (relative) text...
346         relativeText.DOText(" - This text will be added to the existing one", 2).SetRelative().SetEase(Ease.Linear).SetAutoKill(false).Pause();
347 
348         scrambledText = GetComponent<Text>();
349         // Animate the third (scrambled) text...
350         scrambledText.DOText("This text will appear from scrambled chars", 2, true).SetEase(Ease.Linear).SetAutoKill(false).Pause();
351     }
352 
353     #endregion
354 
355 
356     #region  Slider
357 
358     public Slider slider;
359 
360     private void FunctionSlider()
361     {
362         slider = GetComponent<Slider>();
363         slider.DOValue(1, 1.5f).SetEase(Ease.InOutQuad).SetLoops(-1, LoopType.Yoyo).Pause();
364     }
365 
366     #endregion
367 
368     #region 
369 
370     private void FunctionDOTween()
371     {
372         DOTween.PlayAll();  // 開始所有 Tween 對象
373 
374         DOTween.RestartAll();  // 所有 Tween對象 從新開始
375     }
376 
377     #endregion
378 
379 }

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM