效果如下:
点击任意地方,小球会根据选择的曲线类型进行测试移动,更直观查看曲线运动轨迹。
在Unity开发过程中,我们都可能会需要用到DOTween来做一些补间动画,其中,这些补间动画往往会有一些曲线效果。那么,如何来查看这些曲线的轨迹以及曲线的作用效果呢?DOTween插件里好像没有对应的预览器,所以我在闲杂时间便撸了个代码,方便后面编辑动画时,查看动画曲线的效果。直接上代码:
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEditor;
using DG.Tweening;
public class EasingDemoPreviewWindow : EditorWindow
{
[MenuItem("Window/Dotween Easing Demo")]
public static void ShowWindow()
{
GetWindow<EasingDemoPreviewWindow>("Dotween Easing Demo");
}
const int POINT_COUNT = 60;
const float TIME_DELTATIME = 0.02f;
const int POINT_LENGTH = 10;
Ease _ease = Ease.Linear;
private int _easeEnumLength = 0;
Vector2 _rectStartPos = new Vector2(50,200);
private Vector3 _ballTmpPos = new Vector3(200, 200, -10);
private float _ballMoveTimer;
private float _ballMoveDuration = 5;
private bool _isBallMove = false;
private Vector2 _ballTargetPos;
private Vector3 _ballStartPos;
private Texture _ballTex;
private Texture _bgTex;
private float _overshootOrAmplitude = DOTween.defaultEaseOvershootOrAmplitude; // 过冲或振幅
private float _period = DOTween.defaultEasePeriod; // 周期
private void OnEnable()
{
va