Unity Dotween插件的运动曲线(Ease)介绍Ease选项Ease效果示例以及C#修改动画曲线功能

这篇具有很好参考价值的文章主要介绍了Unity Dotween插件的运动曲线(Ease)介绍Ease选项Ease效果示例以及C#修改动画曲线功能。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

前言

我们在制作动画时经常使用这个Dotween插件,在移动、旋转、透明度等等参数的控制都可以使用该插件,而且在这个插件上的控制动画可以设置曲线,内置的曲线有这些:
dotween ease,Unity3D,Unity Dotween,Unity动画曲线,Unity 运动曲线

内置曲线

以InOutSine的曲线进行往右移动:
dotween ease,Unity3D,Unity Dotween,Unity动画曲线,Unity 运动曲线

效果是这样的:
dotween ease,Unity3D,Unity Dotween,Unity动画曲线,Unity 运动曲线

能看出开始是从0提速,最后是慢慢减速至0的效果。

4个类型的效果:
In: 从0开始加速;
Out: 减速到0;
lnOut:前半段从0开始加速,后半段减速到0的缓动
Linear: 直线效果,匀速的效果;

不同的缓动方式:
Flash: 闪烁效果,时而快时而慢(个人认为的)
Quad:二次方的;
Cubic:三次方的;
Quart:四次方的;
Quint:五次方的;
Sin:正弦曲线的缓动( sin(t)) ;
Expo:指数曲线的缓动(2At) ;
Circ:圆形曲线的缓动( sqrt(1-t^2)) ;
Elastic :指数衰减的正弦曲线缓动;
Back:超过范围的三次方缓动((s+1)tN3 - st^2) ;
Bounce:指数衰减的反弹缓动。

以上方式的组合形成了这些内置的曲线。

各个曲线的效果图:
dotween ease,Unity3D,Unity Dotween,Unity动画曲线,Unity 运动曲线
dotween ease,Unity3D,Unity Dotween,Unity动画曲线,Unity 运动曲线
dotween ease,Unity3D,Unity Dotween,Unity动画曲线,Unity 运动曲线
dotween ease,Unity3D,Unity Dotween,Unity动画曲线,Unity 运动曲线
dotween ease,Unity3D,Unity Dotween,Unity动画曲线,Unity 运动曲线

以上效果图转自:https://zhuanlan.zhihu.com/p/161106076

脚本修改内置曲线

主要就是通过SetEase()(有重载)函数设置即可:

Ease easeType = Ease.OutQuad;
tween.SetEase(easeType);

自定义曲线

不过最后一个选项(::AnimationCurve)可以进行自定义的曲线,这里随意拖拽一个曲线:
dotween ease,Unity3D,Unity Dotween,Unity动画曲线,Unity 运动曲线

效果是这样的:

dotween ease,Unity3D,Unity Dotween,Unity动画曲线,Unity 运动曲线

动画定义的是按钮延x方向移动600(向右),但是自定义的曲线开始为负值,所以动画是先向左移动了才往右移动。

脚本自定义曲线

该方式是通过定义AnimationCurve(动画曲线)类型,设置动画曲线实现:

AnimationCurve easeCurve = new AnimationCurve(new Keyframe(0, 0), new Keyframe(1, 1));
tween.SetEase(easeCurve);

其它脚本设置曲线

设置曲线支持的所有函数如图:

dotween ease,Unity3D,Unity Dotween,Unity动画曲线,Unity 运动曲线

可以看出也可以通过设置EaseFunction的方法来实现。文章来源地址https://www.toymoban.com/news/detail-789168.html

到了这里,关于Unity Dotween插件的运动曲线(Ease)介绍Ease选项Ease效果示例以及C#修改动画曲线功能的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • unity --- DoTween插件安装与使用

    目录 一.简介  1.1 插件下载 1.2 官方文档 二.导入和设置 三.示例代码 1 循环动画:SetLoops(-1 , loopType ) 2. 动画循环次数:SetLoops( count ) 3. 动画事件监听与回调:OnStart OnComplete 4. 动画延迟回调:SetDelay 5. 动画自定义更新回调:OnUpdate 6. 动画路径回调:OnWayPointChange 7. 动画循环

    2024年02月11日
    浏览(59)
  • Unity——DOTween插件使用方法简介

      缓动动画既是一种编程技术,也是一种动画的设计思路。从设计角度来看,可以有以下描述 事先设计很多基本的动画样式,如移动、缩放、旋转、变色和弹跳等。但这些动画都以抽象方式表示,一般封装为程序函数 动画的参数可以在使用时指定,如移动的起点和终点、旋

    2024年02月05日
    浏览(56)
  • 【unity插件】 DoTween动画插件的安装和使用整合(最全)

    DOTween是最常用的动画插件之一,比使用Unity自带脚本写动画,方便很多。 untiy商店插件地址 https://assetstore.unity.com/packages/tools/animation/dotween-hotween-v2-27676 DOTween商城地址,开发文档 http://dotween.demigiant.com DOTween首次使用需要设置,导入以后会弹出下面的窗口,点击按钮就好。 之

    2024年02月16日
    浏览(47)
  • [Unity 3d] 插件---- DoTween 动画方法调用及执

    一、移动和旋转(一到四主要应用于Transform的方法) 1、使用DoTween首先要引用命名空间 Using DG.Tweening; 2、transform.DOMove(目标位置,所花费的时间/s) //移动方法 3、transform.DoLocalMoveX(目标位置,所花费的时间)//单一的移动方法 4、transform.DoLocalMove()//移动自己的局部坐标 5、transfo

    2024年02月09日
    浏览(54)
  • Unity开发使用DOTween插件实现ui组件慢慢消失和慢慢出现

    有时候做游戏提示的话,需要一个慢慢出现慢慢消失的效果,Unity开发使用DOTween插件实现ui组件慢慢消失和慢慢出现非常的方便。 做一个简单的小笔记,也分享在csdn上,直接上步骤 这里需要导入DOTween插件(简单提一嘴)。  注意点来了,提示Text文本依托一个image做为父类(这

    2024年02月12日
    浏览(82)
  • 【Unity学习笔记】DOTween(1)基础介绍

    本文中大部分内容学习来自DOTween官方文档 DOTween是一个动画插件,Tween是补间的意思。这个插件以下简称DOT,DOT很方便使用,只需要记住四个类,三个方法: 四个类 Tweener Sequence Tween Nested Tween 三个方法 DO Set On DOT中的方法名是很统一的,因此我们从前缀就可以大概知道这个方

    2024年02月11日
    浏览(54)
  • Unity Animancer插件(三)运动

    Animancer的根运动系统与原生的工作原理完全相同,但我们可以通过继承 Transition 类型或实现 ITransition 接口,来将额外的数据与动画绑定,从而更方便地控制根运动。 在下面这个示例中,我们通过自定义的 Transition 类实现动画根运动的灵活控制。 首先创建一个脚本 RootMotion ,

    2024年02月10日
    浏览(36)
  • Unity实现杀戮尖塔出牌效果( 三. 贝塞尔曲线引导箭头绘制,卡牌使用效果制作)

    1. 攻击类型卡牌 ①拖拽超过一定高度之后卡牌会移动到手牌中心位置 ②出现攻击引导箭头 (塞贝尔曲线) ③成功指向目标怪物后打出 2. 技能能力类型卡牌 ①可自由拖动 ②脱离手牌高度后打出 这里只展示此效果核心代码内容,重复代码不做赘述,上期(二.鼠标指向卡牌时,

    2024年04月12日
    浏览(64)
  • 【游戏开发实战】Unity实现类似GitHub地球射线的效果(LineRenderer | 贝塞尔曲线)

    一、前言 嗨,大家伙,我是新发。 好久不见,这是2022年第一篇博客,今天有同学私信我,问我在 Unity 中如何实现这种地球辐射线的效果, 这一看,我就想到了 GitHub 主页的地球射线, 那么,今天就来讲讲如何实现这个效果吧~ 本文最终效果如下: 本文工程源码见文章末尾

    2024年02月06日
    浏览(96)
  • unity关于navigation使用的问题——Window没有AI选项以及Navigation烘焙没有效果

    在Window中Package Manager的unity register下载AI Register包,然后你就发现window中有AI选项了 这个我看了其他人的解决方法都没用,然后我自己捣鼓出来了,希望可以给其他遇到这种情况的朋友一点帮助。  1.Gizmos一定要选上为蓝色,也就是右上角的那个类似地球的图标 2.Show only Selec

    2024年02月08日
    浏览(36)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包