昆山建设银行网站,室内设计图制作软件,揭阳新站seo方案,步步高网站建设报告缓动动画既是一种编程技术#xff0c;也是一种动画的设计思路。从设计角度来看#xff0c;可以有以下描述 事先设计很多基本的动画样式#xff0c;如移动、缩放、旋转、变色和弹跳等。但这些动画都以抽象方式表示#xff0c;一般封装为程序函数动画的参数可以在使用时指定也是一种动画的设计思路。从设计角度来看可以有以下描述 事先设计很多基本的动画样式如移动、缩放、旋转、变色和弹跳等。但这些动画都以抽象方式表示一般封装为程序函数动画的参数可以在使用时指定如移动的起点和终点、旋转的角度、变色的颜色还有关键的动画时间长度等动画默认是匀速播放也可以指定播放的时间曲线。如可以做出先快后满、先满后快等效果甚至还可以让时间在正向流逝和倒流中交替实现弹簧式的效果可以按时间顺序任意组合这些动画如先方法再移动、先缩小再变色再移动等可以同时播放多个这些动画。例如一边放大一边移动等。总之可以按时间顺序组合也可以同时组合 采用上述思路可以封装出易用的缓动动画库。例如DOTween就是一种常用的缓动动画插件。
导入DOTween插件
DOTween - Asset Store (unity.com)
在Asset Store中搜索“DOTween”即可找到该插件使用免费版即可。 导入插件后会自动打开一个插件窗口如图 由于目前插件的功能越来越强大因此特意增加了一个设置面板如图 直接点绿色的然后点apply即可
在这之后试验一下它的基本用法。创建脚本TestTween内容如下
using System.Collections;
using System.Collections.Generic;
using UnityEngine;public class NewBehaviourScript : MonoBehaviour
{void Update(){if (Input.GetKeyDown(KeyCode.D)){ //1秒时间移动到在x轴上坐标为5的位置上transform.DOMoveX(5, 1);}if (Input.GetKeyDown(KeyCode.A)){ //1秒时间移动到在x轴上坐标为1的位置上transform.DOMoveX(0, 1);}}
}然后将TestTween脚本挂在任意物体上按下D物体会沿x轴平移到x5的位置按下A优惠移动到x0的位置。可以看出DOMoveX是一个简单的平移动画第一个参数是x坐标第二个参数是时间。
例子演示 DOTween移动 上文已经试验了简单的平移动画DOTween还提供了大量类似的动画模式最常用的旋转、位移和缩放都是直接对Transform组件操作的。
一、各种缓动动画使用方法
1.作用于Transform组件
函数参数 作用 DOMove目标坐标时间移动到目标位置DOMoveX目标坐标x,时间仅向一个方向移动。同理还有y和zDOLocalMoveDOMove的局部坐标系版本DOLocalMoveXDOMoveX的局部坐标系版本。同理还有y和zDORotate目标角度欧拉角时间旋转到目标朝向DORotateQuaternion目标朝向四元数时间旋转到目标朝向DOLocalRotateDORotate的局部坐标系版本DOLocalRotateQuaternionDORotateQuaternion的局部坐标系版本DOLookAt目标朝向向量时间让物体旋转直到物体前方为指定向量的方向DOScale目标比例时间缩放到指定比例DOScaleX目标比例X时间仅向一个方向缩放。同理还有Y和ZDOPunchPosition振动方向和强度时间震动次数弹性用于表现被强力击打后的震动沿振动方向反复移动。时间之后的参数都可以省略DOPunchRotation振动方向和强度旋转的轴时间震动次数弹性用于表现被强力打击后的震动沿指定旋转轴来回旋转DOPunchScale振动方向和强度缩放比例时间震动次数弹性用于表现被强力打击后的震动根据指定比率缩放DOShakePosition时间力度震动次数随机性0~180表现随机性的震动。除时间外的参数都可以省略DOShakeRotation时间力度震动次数随机性0~180类似DOShankePosition用旋转表示震动DOShakeScale时间力度震动次数随机性0~180类似DOShankePosition用缩放表示震动DOBlendableMoveBy位置变化量时间 DORotate的动画混合变化量版本 DOBlendableRotateBy旋转变化量时间DORotate的动画混合变化量版本DOBlendableScaleBy缩放变化量时间DOScale的动画混合变化量版本DOBlendablePunchRotationDOPunchRotation的动画混合版本
以上函数基本覆盖了所有的Transform组件缓动动画方法。除简单的移动、旋转和缩放动画外常用的还有摄像机缓动动画如下所示
2.作用于Camera组件
函数参数 作用 DOShakePosition时间力度震动次数随机性让摄像机随机振动。时间以外的参数可以省略 可以用缓动动画慢慢改变材质的颜色、透明度等下面是作用于材质Material的缓动动画
3.作用于Material组件
函数参数 作用 DOColor颜色时间渐变到指定颜色DOFade透明度0~1时间渐变到指定透明度DOGradientColor颜色梯度时间根据指定颜色梯度渐变DOOffset材质偏移Vecctor2时间材质便宜可以做贴图动画效果DOBlendableColor颜色时间DOColor的可混合版本
UI文本通常需要一些动态效果如打字效果文字一个接一个出现和改变文字颜色等。DOTween还有一些专门用于UI组件Text的缓动动画如下
4.作用于Text组件
函数参数 作用 DOText文本内容时间打字机效果逐字显示文本内容DOColor颜色时间改变文字颜色DOFade透明度时间改变文字透明度DOBlendableColor颜色时间DOColor的可混合版本
二、动画曲线Ease
通过试验会发现前面的动画效果都不是匀速运动的而是有一个从快到慢的变化。这是因为DOTween默认的动画曲线不是Linear曲线而是Out Quad曲线。
在缓动动画中动画曲线称为Ease它有多种内置的模式包括通过修改DOTween设置可以改变默认的动画曲线。选择主菜单中的Tools-Demigiant-DOTween Utility Panel可以重新打开DOTween的设置页面其中的Ease选项就是动画曲线。可以将默认的Out Quad改为简单的Linear试试效果如图 DOTween提供了很多的缓动动画曲线模式这里不一一详述不过常用的几种模式有明显的命名规则如In Sine、Out Sine、In Out等一下进行概括的解释。
In指的是一种由慢到快的方式Out则指的是由快到慢。Sine正弦曲线指的是比较平滑的过渡而Quad则指的是会有更明显的快慢变化比Quad速度变化更剧烈的还有Cubic、Quart、Quint等。Expo代表指数曲线还有更多特殊的曲线比如由弹性的Elastic、先后退再前进的Back、以及Bounce弹跳曲线。
当然如果直接修改默认的动画曲线那会导致所有动画都是用统一的曲线。实际上每个动画都可以用不同的动画曲线示例写法如下。 if (Input.GetKeyDown(KeyCode.D)){ transform.DOMoveX(5, 1).SetEase(Ease.InOutSine);}if (Input.GetKeyDown(KeyCode.A)){Tweener t transform.DOMoveX(0, 1);t.SetEase(Ease.OutQuad);}
DOMove等函数的返回值用Tweener类型的变量接受然后再对Tweener进行设置即可。除了SetEase以外还有其他更多可调用的方法。
三、动画的组合
使用Sequence缓动动画序列可以让多个动画依次播放也可以在动画之间插入等待时间其示例如下 //创建动画序列Sequence seq DOTween.Sequence();//添加动画到序列中seq.Append(transform.DOMove(new Vector3(3,4,5),2));//添加时间间隔seq.AppendInterval(1);seq.Append(transform.DOMove(new Vector3(0,0,0),1));//按时间插入插画//下面代码的第一个参数为时间表示插入动画到规定的时间点seq.Insert(0,transform.DORotate(new Vector3(0,90,0),1));
缓动动画序列有多个常用方法Append可以在序列后面添加动画AppendInterval用于添加等待时间而Insert则是在指定时间插入动画。
需要特别指出使用Insert插入的动画并不像猜想的那样会将原有的动画推迟到后面而是会和原来的动画同时播放。这就引出了一个关键问题DOTween的动画是可以同时播放的而且Sequence虽然名为“序列”但实际上也支持多个动画同时播放。
除了利用Sequence序列播放动画或同时播放动画外实际上直接创建多个动画它们也会同时播放其示例如下 //两个动画同时播放向斜上方移动Tweener t transform.DOMoveX(10, 1);t.SetEase(Ease.OutQuad);transform.DOMoveY(10,1);
大部分缓动动画可以做到合理混合的效果但有时同时播放多种动画也会产生不合理的结果。某些缓动方式带有Blendable关键字如DOBlendableMoveBy这类缓动动画能够确保融合效果的正确性。
四、控制动画的播放
缓动动画最大的优势在于它是由程序完全控制的它的背后是一套简洁的数学算法因此缓动动画很容易实现暂停、重放和倒放等功能。DOTween也提供了多种方法控制动画的播放示例如下
//播放
transform.DOPlay();
//暂停
transform.DOPause();
//重播
transform.DORestart();
//倒播此方法会直接退回起始点
transform.DORewind();
//删除动画
transform.DOKill();
//跳转到指定时间点。参数1表示跳转的时间点参数2表示是否立即播放
transform.DOGoto(1.5f,true);
//倒向播放动画
transform.DOPlayBackwards();
//正向播放动画
transform.DOPlayForward();
五、动画回调函数
为了更好地让动画与逻辑配合与动画帧事件类似也可以为缓动动画添加一些回调函数。最常见的是再播放结束时自动调用下一个函数示例如下 //动画完成回调方便起见回调函数协亨了Lambda表达式transform.DOMove(new Vector3(3,3,0),2).OnComplete((){Debug.Log(Tween播放完成)})//无限循环震动Tween t2 transform.DOShakePosition(1, new Vctor3(2, 0, 0));t2.SetLoops(-1);//每次循环完成时回调transform.DOMove(Vector3.zero,2).OnStepComplete((){Debug.Log(Tween单次播放完成)})
