unity中的缓动插值曲线，Easing Curves的那些事

已于 2023-03-03 17:54:52 修改
阅读量1.8k 收藏 3
点赞数 1
分类专栏： 开发工具 Unity 数学，图形学公式 文章标签： unity ease easing curves dotween
于 2019-10-16 14:21:04 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/WPAPA/article/details/102584745
版权

这个地址是一个可以查看各种插值效果的 flash demo
http://robertpenner.com/easing/easing_demo.html

现在浏览器都不支持flash插件了，补个图吧
在这里插入图片描述

在 unity 中做 ease 操作最好的选择，当然是使用 dotween 插件了。
不过总有某些情景下，是不能借助这些现成工具的，这个时候，怎么自己实现这些效果呢？
其实还是可以从 dotween 上想办法的，这里顺便教大家一个小方法，就是先下载 dotween 的源代码。然后在里面进行全局搜索，如下图所示：
在这里插入图片描述
有一个 “Easing Curves” 的 region 块，这个块里放的就是所有 dotween 里支持的所有曲线计算公式了。
这里为了大家省事，我把它们都给贴出来，自取吧。

#region Easing Curves
	
	private float linear(float start, float end, float value){
		return Mathf.Lerp(start, end, value);
	}
	
	private float clerp(float start, float end, float value){
		float min = 0.0f;
		float max = 360.0f;
		float half = Mathf.Abs((max - min) * 0.5f);
		float retval = 0.0f;
		float diff = 0.0f;
		if ((end - start) < -half){
			diff = ((max - start) + end) * value;
			retval = start + diff;
		}else if ((end - start) > half){
			diff = -((max - end) + start) * value;
			retval = start + diff;
		}else retval = start + (end - start) * value;
		return retval;
    }

	private float spring(float start, float end, float value){
		value = Mathf.Clamp01(value);
		value = (Mathf.Sin(value * Mathf.PI * (0.2f + 2.5f * value * value * value)) * Mathf.Pow(1f - value, 2.2f) + value) * (1f + (1.2f * (1f - value)));
		return start + (end - start) * value;
	}

	private float easeInQuad(float start, float end, float value){
		end -= start;
		return end * value * value + start;
	}

	private float easeOutQuad(float start, float end, float value){
		end -= start;
		return -end * value * (value - 2) + start;
	}

	private float easeInOutQuad(float start, float end, float value){
		value /= .5f;
		end -= start;
		if (value < 1) return end * 0.5f * value * value + start;
		value--;
		return -end * 0.5f * (value * (value - 2) - 1) + start;
	}

	private float easeInCubic(float start, float end, float value){
		end -= start;
		return end * value * value * value + start;
	}

	private float easeOutCubic(float start, float end, float value){
		value--;
		end -= start;
		return end * (value * value * value + 1) + start;
	}

	private float easeInOutCubic(float start, float end, float value){
		value /= .5f;
		end -= start;
		if (value < 1) return end * 0.5f * value * value * value + start;
		value -= 2;
		return end * 0.5f * (value * value * value + 2) + start;
	}

	private float easeInQuart(float start, float end, float value){
		end -= start;
		return end * value * value * value * value + start;
	}

	private float easeOutQuart(float start, float end, float value){
		value--;
		end -= start;
		return -end * (value * value * value * value - 1) + start;
	}

	private float easeInOutQuart(float start, float end, float value){
		value /= .5f;
		end -= start;
		if (value < 1) return end * 0.5f * value * value * value * value + start;
		value -= 2;
		return -end * 0.5f * (value * value * value * value - 2) + start;
	}

	private float easeInQuint(float start, float end, float value){
		end -= start;
		return end * value * value * value * value * value + start;
	}

	private float easeOutQuint(float start, float end, float value){
		value--;
		end -= start;
		return end * (value * value * value * value * value + 1) + start;
	}

	private float easeInOutQuint(float start, float end, float value){
		value /= .5f;
		end -= start;
		if (value < 1) return end * 0.5f * value * value * value * value * value + start;
		value -= 2;
		return end * 0.5f * (value * value * value * value * value + 2) + start;
	}

	private float easeInSine(float start, float end, float value){
		end -= start;
		return -end * Mathf.Cos(value * (Mathf.PI * 0.5f)) + end + start;
	}

	private float easeOutSine(float start, float end, float value){
		end -= start;
		return end * Mathf.Sin(value * (Mathf.PI * 0.5f)) + start;
	}

	private float easeInOutSine(float start, float end, float value){
		end -= start;
		return -end * 0.5f * (Mathf.Cos(Mathf.PI * value) - 1) + start;
	}

	private float easeInExpo(float start, float end, float value){
		end -= start;
		return end * Mathf.Pow(2, 10 * (value - 1)) + start;
	}

	private float easeOutExpo(float start, float end, float value){
		end -= start;
		return end * (-Mathf.Pow(2, -10 * value ) + 1) + start;
	}

	private float easeInOutExpo(float start, float end, float value){
		value /= .5f;
		end -= start;
		if (value < 1) return end * 0.5f * Mathf.Pow(2, 10 * (value - 1)) + start;
		value--;
		return end * 0.5f * (-Mathf.Pow(2, -10 * value) + 2) + start;
	}

	private float easeInCirc(float start, float end, float value){
		end -= start;
		return -end * (Mathf.Sqrt(1 - value * value) - 1) + start;
	}

	private float easeOutCirc(float start, float end, float value){
		value--;
		end -= start;
		return end * Mathf.Sqrt(1 - value * value) + start;
	}

	private float easeInOutCirc(float start, float end, float value){
		value /= .5f;
		end -= start;
		if (value < 1) return -end * 0.5f * (Mathf.Sqrt(1 - value * value) - 1) + start;
		value -= 2;
		return end * 0.5f * (Mathf.Sqrt(1 - value * value) + 1) + start;
	}

	/* GFX47 MOD START */
	private float easeInBounce(float start, float end, float value){
		end -= start;
		float d = 1f;
		return end - easeOutBounce(0, end, d-value) + start;
	}
	/* GFX47 MOD END */

	/* GFX47 MOD START */
	//private float bounce(float start, float end, float value){
	private float easeOutBounce(float start, float end, float value){
		value /= 1f;
		end -= start;
		if (value < (1 / 2.75f)){
			return end * (7.5625f * value * value) + start;
		}else if (value < (2 / 2.75f)){
			value -= (1.5f / 2.75f);
			return end * (7.5625f * (value) * value + .75f) + start;
		}else if (value < (2.5 / 2.75)){
			value -= (2.25f / 2.75f);
			return end * (7.5625f * (value) * value + .9375f) + start;
		}else{
			value -= (2.625f / 2.75f);
			return end * (7.5625f * (value) * value + .984375f) + start;
		}
	}
	/* GFX47 MOD END */

	/* GFX47 MOD START */
	private float easeInOutBounce(float start, float end, float value){
		end -= start;
		float d = 1f;
		if (value < d* 0.5f) return easeInBounce(0, end, value*2) * 0.5f + start;
		else return easeOutBounce(0, end, value*2-d) * 0.5f + end*0.5f + start;
	}
	/* GFX47 MOD END */

	private float easeInBack(float start, float end, float value){
		end -= start;
		value /= 1;
		float s = 1.70158f;
		return end * (value) * value * ((s + 1) * value - s) + start;
	}

	private float easeOutBack(float start, float end, float value){
		float s = 1.70158f;
		end -= start;
		value = (value) - 1;
		return end * ((value) * value * ((s + 1) * value + s) + 1) + start;
	}

	private float easeInOutBack(float start, float end, float value){
		float s = 1.70158f;
		end -= start;
		value /= .5f;
		if ((value) < 1){
			s *= (1.525f);
			return end * 0.5f * (value * value * (((s) + 1) * value - s)) + start;
		}
		value -= 2;
		s *= (1.525f);
		return end * 0.5f * ((value) * value * (((s) + 1) * value + s) + 2) + start;
	}

	private float punch(float amplitude, float value){
		float s = 9;
		if (value == 0){
			return 0;
		}
		else if (value == 1){
			return 0;
		}
		float period = 1 * 0.3f;
		s = period / (2 * Mathf.PI) * Mathf.Asin(0);
		return (amplitude * Mathf.Pow(2, -10 * value) * Mathf.Sin((value * 1 - s) * (2 * Mathf.PI) / period));
    }
	
	/* GFX47 MOD START */
	private float easeInElastic(float start, float end, float value){
		end -= start;
		
		float d = 1f;
		float p = d * .3f;
		float s = 0;
		float a = 0;
		
		if (value == 0) return start;
		
		if ((value /= d) == 1) return start + end;
		
		if (a == 0f || a < Mathf.Abs(end)){
			a = end;
			s = p / 4;
			}else{
			s = p / (2 * Mathf.PI) * Mathf.Asin(end / a);
		}
		
		return -(a * Mathf.Pow(2, 10 * (value-=1)) * Mathf.Sin((value * d - s) * (2 * Mathf.PI) / p)) + start;
	}		
	/* GFX47 MOD END */

	/* GFX47 MOD START */
	//private float elastic(float start, float end, float value){
	private float easeOutElastic(float start, float end, float value){
	/* GFX47 MOD END */
		//Thank you to rafael.marteleto for fixing this as a port over from Pedro's UnityTween
		end -= start;
		
		float d = 1f;
		float p = d * .3f;
		float s = 0;
		float a = 0;
		
		if (value == 0) return start;
		
		if ((value /= d) == 1) return start + end;
		
		if (a == 0f || a < Mathf.Abs(end)){
			a = end;
			s = p * 0.25f;
			}else{
			s = p / (2 * Mathf.PI) * Mathf.Asin(end / a);
		}
		
		return (a * Mathf.Pow(2, -10 * value) * Mathf.Sin((value * d - s) * (2 * Mathf.PI) / p) + end + start);
	}		
	
	/* GFX47 MOD START */
	private float easeInOutElastic(float start, float end, float value){
		end -= start;
		
		float d = 1f;
		float p = d * .3f;
		float s = 0;
		float a = 0;
		
		if (value == 0) return start;
		
		if ((value /= d*0.5f) == 2) return start + end;
		
		if (a == 0f || a < Mathf.Abs(end)){
			a = end;
			s = p / 4;
			}else{
			s = p / (2 * Mathf.PI) * Mathf.Asin(end / a);
		}
		
		if (value < 1) return -0.5f * (a * Mathf.Pow(2, 10 * (value-=1)) * Mathf.Sin((value * d - s) * (2 * Mathf.PI) / p)) + start;
		return a * Mathf.Pow(2, -10 * (value-=1)) * Mathf.Sin((value * d - s) * (2 * Mathf.PI) / p) * 0.5f + end + start;
	}		
	/* GFX47 MOD END */
	
	#endregion
rrtt_2323
关注
专栏目录
缓动函数（EaseAction）曲线一览图
09-12
cocos2d 里面的 CCEaseAction：CCEaseSineIn, CCEaseBackIn, CCEaseBounceIn, ....各种缓动样式都在这里面，方便直观查看他们的样式
unity缓动itween
03-18
unity3D缓动库比较新的一个版本，测试可用 如果没法用的可以用我以前上传的一个打包文件
Unity 动画曲线研究（Dotween插件）
最新发布
njiyue的博客
08-18 1816
实现一个 EaseFunction 委托：//重载函数：自定义Ease。
Unity3D 31种缓动曲线
yueh0607
05-02 1646
Unity实现Tween的31种缓动曲线单例
Ease:简单的Unity3D缓动
05-15
舒适 简单的Unity3D缓动 public enum EaseType { Linear, SineIn, SineOut, SineInOut, QuadIn, QuadOut, QuadInOut, CubicIn, CubicOut, CubicInOut, QuartIn, QuartOut, QuartInOut, QuintIn, QuintOut, QuintInOut, ExpoIn, ExpoOut, ExpoInOut, CircIn, CircOut, CircInOut, BackIn, BackOut, BackInOut, ElasticIn, ElasticOut, ElasticInOut, BounceIn, BounceOut, BounceInOut,
unity缓动插件DOTween Pro v0.9.680
weixin_34110749的博客
08-27 198
DoTween Pro是一款unity插件，是unity中最好用的tween插件，比起Dotween的免费版要多很多功能，实现脚本和视觉脚本的新功能，支持包括移动，淡出，颜色，旋转，缩放，打孔，摇动，文本，相机属性等，赶快下载使用吧！   下载地址： https://item.taobao.com/item.htm?spm=a1z38n.10677092.0.0.91751debIMcZ...
QML进阶教程：二、缓冲曲线（Easing Curves）
左霖风的博客
04-16 3497
前言： 属性值的改变能够通过一个动画来控制，缓冲曲线属性影响了一个属性值改变的插值算法。在已经定义的动画都使用了一种线性的插值算法，因为一个动画的默认缓冲类型是Easing.Linear。在一个小场景下的x轴与y轴坐标改变可以得到最好 的视觉效果。一个线性插值算法将会在动画开始时使用from的值到动画结束时使用的to值绘制一条直线，所以缓冲类型定义了曲线的变化情况。 代码实例： //...
Unity Dotween缓冲动画示例easing_demo-离线文件 ease type
04-17
在Unity Dotween中，有许多预定义的缓冲类型，例如InBack、InCubic、InQuad等，这些类型源自数学上的缓动函数。 InBack缓冲类型是一种返回运动的缓动方式，它在动画开始时会让物体稍微向回移动一点，然后再向前，给...
Unity插值动画系统.zip
03-16
缓动函数（Easing Functions）是动画中常用的技巧，可以改变物体运动的速度，比如加速进入、减速停止，使得动画更加符合人的视觉感知。 为了实现这一系统，开发者可能创建了一个名为`Animator`的类，它包含对各个UI...
Unity中的动画曲线
哲哲
06-04 1万+
Unity中的动画曲线 Animation Curves on Imported Clips 动画曲线可以附加到动画导入设置的动画选项卡中的导入动画片段。 这些曲线允许您将额外的动画数据添加到导入的剪辑，这可以让您根据动画制作者的状态来动画其他项目的时间。例如，在冰冷条件下的游戏中，可以使用额外的动画曲线来控制粒子系统的发射速率，以显示玩家在冷空气中的冷凝呼吸。 要为导入的动画添加曲线，首先在项目...
Unity Dotween 缓动函数&自定义缓动函数
akuojustdoit的博客
05-20 2825
DoTween自带的缓动函数 示例： DOTween.To(() => Slider.value, x => Slider.value = x, 1, 1).SetEase(Ease.Linear).OnComplete( () =>{ } ); 自定义缓动函数 public AnimationCurve ancu; DOTween.To(() => Slider.value, x => Sli
iTween for Unity3D，unity3d缓动类
12-29
简介： 如果你还不知道iTween是什么,这里就和大家简单介绍下:iTween是由官方论坛用户pixelplacement1 (论坛名)写的一个快速动画 实现的辅助开发脚本.也即一个动画辅助脚本类。如果你经常使用Flash AS,你就会知道Tween这个词,AS中也有很多Tween(过渡动画) 的功能代码。 特点： 可能很多人不理解，既然2.6版本有了动画编辑器，为什么还需要用这个动画脚本呢？原因很简单,iTween最大的特点就是一步到位, 即一个简单函数就能让物体实现一个完整的动画过程,非常方便,而不用通过动画编辑器(虽然更强大)来创建动画文件,再编辑曲线等。 在制作一些基本动画时，iTween更有时效的优势.同时也更节省资源。 安装:直接把iTween脚本拖动到你的工程任意目录即可。（一个静态类脚本而已） 最早iTween是Js脚本,目前也有c#版本
EasyCurvedLine：在Unity中轻松渲染和编辑曲线
02-06
简易曲线渲染器 在Unity中轻松渲染和编辑曲线 需要Unity 2017.1或更高版本。 这是一个由诞生的项目，该最初由创建，并发布在Unity的Work In Progress论坛上，然后由修改。 发现了如何轻松平滑任意一组位置，从而简化了一些简单的“ Curved Line Renderer”的创建的过程。 使原始项目适应了Unity的较新版本，进行了一些更改并利用了自Unity 2017.1起添加的行纹理功能。 对渲染实线（例如电线，管道，气泡尾巴等）也很有用。 随附示例场景中的动画 产品特点 包括： 脚本： LineSmoother 主要实用脚本，用于平仓 静态功能，
EasyCurvedLine 1.1 （Unity曲线插件+帮助文档最新版）
07-10
Easy rendering and editing of curved lines in Unity Requires Unity 2017.1 or higher. This is a project born from the Easy Curved Line Renderer utility originally created by AcrylicCode and posted on the Work In Progress forum of Unity, then modified by GPV. AcrylicCode discovered how to easily smooth out any set of positions, thus easing the creation of some simple Curved Line Renderers. GPV adapted the original project to the newer versions of Unity, making some changes and exploiting the line texturing feature added since Unity 2017.1. Also useful for rendering solid lines (e.g. wires, pipes, speech bubble tails...)
【Unity3D小技巧】Unity3D中Animation和Animator动画的播放、暂停、倒放控制
热门推荐
CSDN博客专家，Unity3D高级软件工程师，《Unity 3D从入门到实战》作者。
03-14 1万+
在日常开发中，常常会遇到要控制动画的播放、暂停和倒放的情况。这篇文章就总结一下，Animation和Animator动画播放系统的控制播放、暂停、倒放的代码。首先，来了解一下Animation和Animator的区别和联系。
Unity3D 基础——使用 Vector3.Lerp 实现缓动效果
神枪达的博客
10-13 1546
3.将脚本绑定到 Cude 上，然后将其 Inpector 视图中将 endTrans 指定为 Cube(1) （我命名的是Arm）。（让A缓动到B，就把脚本绑定在A上，endTrans 设置为 B）1.在场景中新建两个 Cube 立方体，在 Scene 视图中将两个 Cude的位置错开。4.点击播放按钮，可以看到 Cube 缓动到 Cube(1) （我的Arm）的位置。2.新建 C# 脚本 Distance.cs（写完记得保存）
Unity移动和旋转缓动实现
mini_programmer的博客
05-25 2916
为了构建更逼真的移动和旋转效果，缓动实现就很有必要了。 1,移动缓动: transform.position = Vector3.Lerp(tarnsform.position,targetPosition,0.3f) 2,旋转缓动: transform.rotation = Quaternion.Slerp(transform.rotation,targetRotation,0.1f) 总结: 1，移动用Vector3.Lerp() 2，旋转用Quaternion.Slerp() ...
Unity 自己lu带有惯性（缓动）的代码
L_Bacu的博客
03-23 2849
using System.Collections; using System.Collections.Generic; using UnityEngine; public class RotionAround : MonoBehaviour {     float x;     float y;     public float speed = 50f;     public T
Unity控制摄像机缓慢移动的代码(插值计算 非常丝滑)
leoysq的博客
08-07 2024
代码】Unity控制摄像机缓慢移动的代码(cha‘zhi)
UnityShader中插值平滑曲线
05-25
在Unity Shader中，可以使用插值平滑曲线来实现渐变效果。这种效果通常用于实现某些物体的渐变或动画效果，比如水面的波纹效果、火焰的燃烧效果等。 插值平滑曲线是一种通过插值函数来实现平滑曲线的方法。在Unity Shader中，可以使用lerp函数和smoothstep函数来实现插值平滑曲线。 示例代码如下： ``` float t = /* 在[0,1]之间的插值因子 */; float smoothT = smoothstep(0, 1, t); float interpolatedValue = lerp(/* 起始值 */, /* 结束值 */, smoothT); ``` 其中，t是插值因子，范围在0到1之间。smoothstep函数将插值因子映射到0到1之间，并且使用S形曲线实现平滑过渡。最后，lerp函数使用插值因子和起始值、结束值来计算出插值平滑曲线的值。 需要注意的是，smoothstep函数只是一种常见的插值平滑曲线实现方式，还有其他的插值函数可以实现不同的效果。在实际使用中，需要根据具体的需求来选择合适的插值函数。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值