【推荐100个unity插件之2】 DoTween动画插件的安装和使用整合（最全）

插件获取

untiy商店插件地址
https://assetstore.unity.com/packages/tools/animation/dotween-hotween-v2-27676
dotween商城地址，开发文档
http://dotween.demigiant.com

导入和设置

dotween首次使用需要设置，导入以后会弹出下面的窗口，点击按钮就好。

之后点击绿色的“setup dotween”按钮就能设置。下面的那个青色的按钮是生成一个asmdef文件，让写脚本的时候不必每次都去编码dotween的内容，提高写完代码切换的速度。
这个窗口可以通过菜单tools/demigiant/dotween utility panel再次打开，要访问官网查看文档通过这里都很方便。

点击了按钮就显示这个界面，默认全选就好，再选中apply按钮就可以了。

使用

使用前需要添加引用命名空间

using dg.tweening;

基本写法有两种
一、通用方法
dotween.开头的官方叫通用方法，其中最常用的就是dotween.to(getter, setter, to, float duration)。绝大多数动画都可以用这个方法解决。前2个输入的是代理。无论是控制移动，旋转，颜色变化，文字变化都可以用这个方法。getter是初始值，setter是变化的值，to是目标，duration是变化时长。

dotween.to(()=> myvector, x=> myvector = x, new vector3(3,4,8), 1);
dotween.to(()=> 0, x=> myfloat = x, 50, 5);
dotween.to(() => 0, addchar, message.length, message.length * duration);

二、便捷方法

便捷方法是 unity的各种属性.doxxx，简单说就是能少打几个字。例如让当前游戏对象移动到某个位置的domove。

transform.domove(vector3.right * 3, 2);

不同属性后面可以do出不同的动作，而且参数不同。一般常见的动画变化都有，推荐看一下官方文档有个大概印象，使用的时候，遇到对应属性的动画的时候，do出来再靠代码提示来选择就好。

添加设置

主要的语句完了以后，可以通过点，点出更多的设置跟在后面，如常见的循环。

transform.domove(vector3.right * 8, 2).setloops(3, looptype.yoyo);

事件响应

对于动画的事件响应也是点出来跟在后面的。

transform.domove(vector3.right * 8, 2).oncomplete(onend);
transform.domove(vector3.right * 8, 2).oncomplete(() => debug.log("text complete!"));

dotween的一些常用用法

立即完成动画

这在某些情况下非常有用，例如当你想在某个条件满足时立即停止动画，或者在程序中的特定时间点将动画重置为起始状态。
特别是频繁调用动画时，我们在上一个动画还没有完成的情况下，紧接着就进行下一个动画，会造成了物体大小畸形的问题

//用于立即完成正在进行的 tweener 或 sequence 动画
transform.docomplete();

立即停止所有正在播放的动画

这个方法在某些情况下可能很有用，例如：

1. 当你需要在游戏中重新加载或重置某些场景时，你可能希望清除所有正在播放的动画，以确保它们不会在重置后继续影响游戏逻辑。

2. 当你想要在游戏中暂停或切换到另一个状态时，你可以使用 dotween.clear() 来停止当前所有的动画，以确保在状态转换时不会出现不良的过渡效果。

//清除 dotween 库中当前正在进行的所有动画和补间
dotween.clear()

移动动画

 //使得物体移动，第一个参数类型是vector3，代表物体要移动到的世界坐标，第二个参数是移动到该位置所需要的时间
transform.domove(new vector3(5, 9, 1), 6);

//使得物体在x轴进行移动，第一个参数是移动到的x的位置，以自身坐标
transform.dolocalmovex(9, 7);

//blend会对物体的运动进行一个累加第一个参数，需要累加的数，第二个参数是所需要的时间
transform.doblendablemoveby(vector3.one, 2);

//使得物体到达参数一的位置就进行往返运动，
//第一个参数是所能到达的位置
//第二个参数是所需要的时间
//第三个参数是往返的次数
//第四个参数是值越大，反方向给的力就越大
transform.dopunchposition(new vector3(0, 5, 0), 5, 2, 0.5f);

旋转

模式

rotatemode.fast //旋转不超过360度
rotatemode.fastbeyond360//旋转超过360度
rotatemode.worldaxisadd//旋转将按照世界坐标系的轴进行旋转
rotatemode.localaxisadd//按局部坐标轴进行增量旋转

例子

//使得物体进行旋转，第一个参数是要到达的最终值，第二个是渐变的持续时间
transform.dorotate(new vector3(5, 9, 1), 4);
//参数1：旋转到的角度 参数2：动画的时间 参数3：旋转的模式
transform.dorotate(new vector3(0, 360, 0), 10f, rotatemode.worldaxisadd);
//使物体一直旋转
transform.dorotate(new vector3(0, 180, 0), 1f, rotatemode.fast).setloops(-1, looptype.restart);

//使得物体进行旋转，以自身为坐标轴，第一个参数是要到达的最终值，第二个是渐变的持续时间
transform.dolocalrotate(new vector3(4, 8, 9), 4);

//使得物体进行旋转,以世界坐标系，第一个参数是四元数，第二个是所需要的时间的值
transform.dorotatequaternion(quaternion.euler(40, 8, 5), 7);

让游戏对象以线性速度不断地绕着z轴逆时针旋转360度，并且循环播放该旋转动画

transform.dorotate(new vector3(0, 0, -360), 2f, rotatemode.fastbeyond360).setease(ease.linear).setloops(-1, looptype.restart);

1. transform.dorotate(new vector3(0, 0, -360), 2f, rotatemode.fastbeyond360)：这部分代码使用dotween库的dorotate方法来实现旋转动画。dorotate方法接受三个参数：旋转的目标角度（这里是new vector3(0, 0, -360)表示绕着z轴逆时针旋转360度），持续时间（2秒），以及旋转模式（rotatemode.fastbeyond360表示快速旋转超过360度）。这意味着对象将会以较快的速度旋转超过360度，而不是简单地从起始角度旋转到目标角度。

2. .setease(ease.linear)：这部分代码使用了.setease方法来设置缓动类型。在这里，缓动类型被设置为ease.linear，表示旋转动画将以线性速度进行，即匀速运动。

3. .setloops(-1, looptype.restart)：最后，使用.setloops方法设置动画的循环次数和循环类型。第一个参数-1表示无限循环播放，第二个参数looptype.restart表示每次循环都从头开始播放动画。

尺寸，缩放

//使得物体进行扩大，第一个参数是扩大的值，第二个值是所需要的时间
transform.doscale(new vector3(3, 4, 5), 8);

//使物体从0扩大到1，
tf.doscale(vector3.one, 0.5f).from(vector3.zero);

弹跳

# 参数解释
# endvalue：到达的结束值
# jumppower：跳跃的功率(跳跃的最大高度由this加上最后的y偏移量)
# numjumps：总跳跃次数
# duration：渐变的持续时间
# snapping ：如果为true，渐变将平滑地将所有值捕捉为整数
transform.dojump(vector3 endvalue, float jumppower, int numjumps, float duration, bool snapping = false)

// 5秒内弹跳3次，弹到10,10,10位置
transform.dojump(new vector3(10, 10, 10), 3, 5f).setease(ease.outback);

渐变透明度

// text 2秒内渐变透明到0
text.dofade(0, 2f).setease(ease.outsine);

震动

# 参数1：指定抖动效果的持续时间，以秒为单位。
# 参数2：定义抖动的强度。可以是一个vector3类型的值，分别表示x、y和z轴上的抖动强度。
# 参数3：指定抖动的次数。例如，10表示在持续时间内进行10次振动。
# 参数4：添加一些随机因素以使抖动看起来更自然。值为0表示没有随机性，值为1表示完全随机。
# 参数5：抖动效果是否被限制在整数值，这个参数用于定义抖动是否应该以整数值进行位置、旋转或缩放。

//使物体的位置发生抖动
transform.doshakeposition(1, new vector3(0, 0.5f, 0), 20, 0.5f, false);

//使物体的旋转发生抖动
transform.doshakerotation(0.3f, new vector3(10f, 10f, 10f), 4, 0, true);

//使物体的缩放发生抖动
transform.doshakescale(0.5f, 0.2f, 10, 0.5f, true);

材质

material material = getcomponent<meshrenderer>().material;

//改变材质的颜色
material.docolor(color.red, 5);

//实现渐变，第一个参数是渐变条，需要提前声明public gradient gradient;，第二个参数是时间
material.dogradientcolor(gradient, 5);

//改变贴图位置
material.dooffset(vector3.one,0);

//将两个材质的颜色混合在一起
material.doblendablecolor(color.red, 5);
material.doblendablecolor(color.yellow, 5);

摄像机

//改变摄像机的宽高比，第一个参数是宽高之比，第二个参数是所达成所需要的时间
camera.doaspect(0.5f, 5);

//改变摄像机的背景颜色
camera.docolor(color.black, 5);

//改变摄像机拍摄内容的角度,第一个参数是角度大小，第二个参数是时间
camera.dofieldofview(2, 5);

//改变正交摄像机拍摄内容的角度,第一个参数是角度大小，第二个参数是时间
camera.doorthosize(10, 7);

//实现分屏的两种方式参数一
//第一个参数都是缩小之后的位置，第二个参数是按比例缩小
camera.dopixelrect(new rect(360, 540, 360, 540), 2);
camera.dorect(new rect(360, 360, 360, 360), 0.5f);

// 相机震动
// 第一个参数 .2f：是抖动的持续时间，即摄像机会在0.2秒内抖动。
// 第二个参数 .5f：是抖动的强度，控制了摄像机抖动的幅度。
// 第三个参数 14：是抖动的震动次数，即摄像机在指定时间内（0.2秒）内会抖动14次。
// 第四个参数 90：是抖动的随机性种子，影响抖动的模式和方向。
// 第五个参数 false：是可选的布尔参数，指示是否应忽略时间缩放。如果设为 true，即使 time.timescale 不是 1，抖动效果仍会按照实际时间运行。
// 第六个参数 true：是可选的布尔参数，指示是否使用本地坐标进行抖动。如果设为 true，抖动将基于相机的本地坐标系；如果设为 false，则基于世界坐标系
camera.main.transform.doshakeposition(.2f, .5f, 14, 90, false, true);

text文字动画

旧文本控件
text text = getcomponent<text>();
//逐字输出，第一个参数是输出的文本，第二个参数是输出的时间，.setease（ease.linear）代表匀速输出
text.dotext("46545645646464654", 5).setease(ease.linear);

新文本控件
text mesh pro并不支持dotween的dotext方法，你也可以使用dotween.to方法来实现textmeshpro文本的逐字打印效果
public textmeshprougui text;
public string message;
public float duration = 0.1f;
void start()
{
    text.text = "";
    string message = "46545645646464654"
    dotween.to(() => 0, addchar, message.length, message.length * duration).setease(ease.linear);
}
void addchar(int index)
{
    text.text = message.substring(0, index);
}

队列

 //构建一个队列
sequence quence = dotween.sequence();

//添加事件在队列之中
quence.append(transform.domove(vector3.one, 2));

//加入执行该事件，和之前一个事件一起执行
quence.join(transform.doscale(new vector3(3, 4, 5), 5));

//让队列暂停1s
quence.appendinterval(1);

//运行完上个事件就执行该方法
quence.appendcallback(insertcallback03);
quence.append(transform.domove(new vector3(1, 0, 0), 2));

//插入事件，该插入的事件是占用了插入的事件的事件，也可以在超出的事件上插入事件
//第一个参数是插入的事件，第二个参数是插入的事件
quence.insert(0, transform.domove(-vector3.one, 1));

//相当于栈反向的执行顺序，会优先执行这部分的事件
quence.prependinterval(2);
quence.prepend(transform.dorotate(new vector3(5, 9, 1), 4));

//最开始的时候调用该函数
quence.prependcallback(insertcallback01);

//在指定的事件调用该函数，第一个参数是调用的时间，第二个参数是调用的方法名字
quence.insertcallback(6, insertcallback01);

设置参数

.setloops表示循环该事件，
//里面的第一个参数代表循环的次数，当为-1的时候代表无线循环，
//第二个参数为looptype.incremental代表累加的一个循环，每次循环完不回到之前的位置
transform.domove(new vector3(2, 5, 3), 5).setloops(10,looptype.incremental); 
 //使得动画在运行结束后停下来
transform.domove(new vector3(2, 5, 3), 5).setloops(3,looptype.incremental).setautokill(true);
//使得动画反向进行运动，而且从目标点运动回来
transform.domove(new vector3(2, 5, 3), 5).setloops(3,looptype.incremental).from(); 
//动画播放完成之后暂停多少时间
transform.domove(new vector3(2, 5, 3), 5).setloops(3,looptype.incremental).setdelay(1); 

//当使用了该参数的时候，事件的第二个参数就变成了运动到目标点的速度
transform.domove(new vector3(2, 5, 3), 5).setspeedbased(true); 

//.setid（）代表给该事件一个标记，dotween.play()，代表去dotween的缓冲池去调用，这样做可以优化性能
transform.doblendablemoveby(new vector3(2, 5, 3), 5).setid(0);
dotween.play(0);

//当.setrelative(true)时，这个事件的第一个参数的目标地点位置就变为了一个运动的方向和长度，可以进行一个累加
transform.doblendablemoveby(new vector3(2, 5, 3), 5).setrelative(true);

//这个设置参数代表该事件不会受到unity事件的影响
transform.doblendablemoveby(new vector3(2, 5, 3), 5).setupdate(updatetype.normal,true);

运动曲线，缓动函数

基本使用

//设置曲线的运动函数
transform.doblendablemoveby(new vector3(2, 5, 3), 5).setease(ease.);

//当旋转运动曲线为flash的时候再加参数代表他来回闪烁，如果第三个参数大于0该物体的活动范围会渐渐变小，如果等于0会不变，小于0会给目标点一个力
transform.doblendablemoveby(new vector3(2, 5, 3), 5).setease(ease.flash,3);

ease.linear：线性缓动，匀速运动。
ease.inquad、ease.outquad、ease.inoutquad：二次缓动，可以实现平滑加速、平滑减速、先加速后减速的效果。
ease.inoutsine：正弦缓动，产生类似物体来回摆动的效果。
ease.outbounce：反弹缓动，产生类似物体撞击墙壁后反弹的效果。
ease.outelastic：弹簧缓动，产生类似于物体被拉伸后回弹的效果。

自定义运动曲线

//运动曲线
public animationcurve curve;
//自定义运动曲线
transform.doblendablemoveby(new vector3(2, 5, 3), 5).setease(curve);

 //调用自己编写的曲线
transform.doblendablemoveby(new vector3(2, 5, 3), 5).setease(easefun);
public float easefun(float time,float duartion,float overshootoramlitude,float period)
{
    return time / duartion;
}

回调函数

//动画被杀死的执行函数
transform.doblendablemoveby(new vector3(2, 5, 3), 5).onkill(() => { debug.log(1); });

//开始运行的时候执行函数
transform.doblendablemoveby(new vector3(2, 5, 3), 5).onplay(() => { debug.log(1); });

//完成的时候执行函数
transform.doblendablemoveby(new vector3(2, 5, 3), 5).oncomplete(()=> { debug.log(1); });

//暂停的时候执行
transform.doblendablemoveby(new vector3(2, 5, 3), 5).onpause(()=> { debug.log(1); });

//第一次运行动画的时候执行
transform.doblendablemoveby(new vector3(2, 5, 3), 5).onstart(()=> { debug.log(1); });

//循环的时候执行
transform.doblendablemoveby(new vector3(2, 5, 3), 5).onstepcomplete(()=> { debug.log(1); });

//在这个动画的帧内都会被执行
transform.doblendablemoveby(new vector3(2, 5, 3), 5).onupdate(()=> { debug.log(1); });

//在动画重新播放的时候会被执行
transform.doblendablemoveby(new vector3(2, 5, 3), 5).onrewind(()=> { debug.log(1); });

控制函数

//暂停
transform.dopause();

//开始
transform.doplay();

//重新播放
transform.dorestart();

//回到起始位置（很快
transform.dorewind();

//回到起始位置（很慢
transform.dosmoothrewind();

//杀死动画
transform.dokill();

//反转动画，把起始点变为目标点
transform.doflip();

//代表跳转到动画第几秒
transform.dogoto(2,true);

//反向播放动画
transform.doplaybackwards();

//正向播放动画
transform.doplayforward();

//在运行状态下运行就是暂停，在暂停状态下运行就是播放
transform.dotogglepause();

获取数据

//获得所有的暂停的动画
var list = dotween.pausedtweens();

//获得所有在播放的动画
var list1 = dotween.playingtweens();

//寻找id为该字符串的动画，第二个参数代表获取当前播放的动画
var list2 = dotween.tweensbyid("id",true);

//返回的是该动画上有什么缓冲下来的动画都会被收集下来
var list3 = dotween.tweensbytarget(transform, true);

//寻找这个动画是否有动画，第二个参数为true时，代表寻找该动画是否正在播放
var list4 = dotween.istweening("id",true);

//寻找所有正在播放的动画，包括延迟动画
var list5 = dotween.totalplayingtweens();

//控制动画的播放的时间的指针
transform.domove(vector3.one, 5).fullposition = 0;

var tween = transform.domove(vector3.one, 5);

//获取到该动画的循环次数
tween.completedloops();

//获取动画的延迟时间
tween.delay();

//动画的持续时间，参数代表是否包括循环的时间
tween.duration(true);

//动画的播放的时间，参数代表是否包括循环的时间
tween.elapsed();

//返回的是进程的百分比
tween.elapseddirectionalpercentage();

//返回的是动画的已用的百分比，参数代表是否包括循环的时间
tween.elapsedpercentage();

//判断动画是否是反向的
tween.isbackwards();

//判断动画是否已经完成
tween.iscomplete();

携程

 
tween = transform.domove(vector3.one, 2).setloops(3);
startcoroutine(wait());

private ienumerator wait()
{
    //等动画播放完再执行下面的语句
    yield return tween.waitforcompletion();
    debug.log(0);

    //等待动画循环到第几次执行下面的语句
    yield return tween.asyncwaitforelapsedloops(2);
    debug.log(1);

    //动画被杀时执行下面的语句
    yield return tween.waitforkill();
    debug.log(2);

    //动画执行到该时间才会继续执行下面的方法
    yield return tween.waitforposition(1.5f);
    debug.log(3);

    //动画重新播放的时候执行下面的方法
    yield return tween.waitforrewind();
    debug.log(4);

    //动画开始执行的时候调用
    yield return tween.waitforstart();
    debug.log(5);
}

路劲动画

using system.linq;
//是将数组存放在positions里面
var positions = postionlist.select(u => u.position).toarray();
        
//第一个参数是存放位置的数组，第二个参数是运行的时间，第三个参数是规定点之间是直线运行还是曲线运行
transform.dopath(positions, 2);

//将第一个位置和最后一个位置连起来,.setoptions()的第一个参数是是否将首尾连接，第二个参数是锁定轴
//setlookat()里面的参数代表看向的位置，当参数是0该物体一直看向路径的前方，朝向针对运动方向的百分比从0-1 
transform.dopath(positions, 5, pathtype.catmullrom, pathmode.full3d, 50).setoptions(true).setlookat(0);

完结

赠人玫瑰，手有余香！如果文章内容对你有所帮助，希望你不要吝啬自己的点赞评论和关注，第一时间告诉我，你的每一次支持都是我不断创作的最大动力。当然如果你发现了文章中存在错误或者有更好的解决方法，也欢迎评论私信告诉我哦！

好了，我是向宇，https://xiangyu.blog.csdn.net/

一位在小公司默默奋斗的开发者，出于兴趣爱好，于是最近才开始自习unity。如果你有任何问题，欢迎你来评论私信告诉我， 虽然有些问题我可能也不一定会，但是我会查阅各方资料，争取给出最好的建议，希望可以帮助更多想学编程的人，共勉~