DOTween插件的使用示例

24 篇文章 1 订阅
17 篇文章 2 订阅


1、引言

  做了两年的cocos游戏,时至今日回到unity的怀抱!倍感亲切,只是好多东西长久不用有些生疏了!于是决定在这里进行一个温习,也是一个总结!有兴趣的小伙伴一起来看一下,高手不喜勿喷,疏漏之处,还望指正。下面一起来了解吧~

2、下载地址

  简介:DoTween作为一款动画插件,前身是HOTween,支持可视化编辑,适用于2D和3D场景。
插件可以在资源商店购买,分为免费版和收费版(Pro版)。这里提供一个Pro版的!

3、使用

  DoTween 的动画效果适用于2D和3D。并且DoTween与其他动画插件(如:itween、hotween、dotween)相比,它的效率是最高的,DoTween的灵活性、稳定性、易用性上都十分突出!本文主要举一些使用中的例子,详细的就不再说了!细节问题,在阅读本文之后可以留言评论。本文也会在以后的工作学习中不定期补充更新,好了我们赶紧导入包一起玩耍吧:

3.1、辅助理解

缓动函数预览示例
缓动函数
微软 缓动函数的一些解释

3.2、 常用API介绍

使用该插件需要引用 using DG.Tweening

常用方法:

DO开头的方法:补间动画的方法。例如:Transform.DOMoveX(10,1)
Set开头的方法:设置补间动画的属性。例如:Tweener.SetLoops(4, LoopType.Yoyo)
On开头的方法:补间动画的回调函数。例如:Tweener.OnStart(callBackFunction)

3.2.1、DOFade()透明度渐变

在这里插入图片描述

/// <summary>
/// 将目标的alpha渐变为给定值。
/// </summary>
/// <param name="endValue">目标值</param>
/// <param name="duration">持续时间</param>
DOFade(float endValue, float duration)

使用示例(效果如上图):

public void Change()
{
	img.DOFade(0.8f, 1.0f);		//image组件
	txt.DOFade(0.35f, 1.0f);	//Text组件
}

public void MyReset()
{
     txt.DOFade(1.0f, 1.0f);
     img.DOFade(0.2f, 0f);
 }

也可用于AudioSource

3.2.2、DOText

可以做出类似打印的效果:
在这里插入图片描述
代码如下:

public void PrintEffect()
{
	Text txt = GameObject.Find("TextTest").GetComponent<Text>();
    	txt.DOText("云想衣裳花想容,春风拂槛露华浓。\n若非群玉山头见,会向瑶台月下逢。", 3f);
	//txt.DOText("云想衣裳花想容,春风拂槛露华浓。\n若非群玉山头见,会向瑶台月下逢。", 3f).SetLoops(-1);//SetLoops可以设置循环次数,其中-1表示无限重复
}

DOText(string endValue, float duration),其中参数endValue支持富文本

3.2.12、使用举例

在这里插入图片描述
这是一个简单的使用,效果如图所示,代码如下:

public void Test()
{
	StartCoroutine(MoveAction());
}

IEnumerator MoveAction()
{
	GameObject content = GameObject.Find("Scroll View/Viewport/Content").gameObject;
	foreach (Transform child in content.transform)
	{
		child.DOLocalMoveX(-1000, 0.5f, false).From().SetEase(Ease.OutBack);
		yield return new WaitForSeconds(0.02f);
	}
}

4、结束语

The End
  好了,今天的分享就到这里,如有不足之处,还望大家及时指正,随时欢迎探讨交流!!!

  • 1
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

对酒当歌﹏✍

您的鼓励是我写作的最大动力!

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值