问题标签 [easing-functions]

我正在寻找可以与 jQuery 一起使用的自定义缓动函数的在线列表。

我对为此使用插件不感兴趣，也不使用 jQuery UI。

我在下面找到了一个很好的小反弹，但我正在寻找其他一些，以便我可以有一些选择。

代替其他功能，简要说明这个功能如何操作和可能被修改会很棒。谢谢！

例子：

编辑＃1：

这是所有 jQuery UI 缓动函数的在线演示。来自 UI 的源函数在 Jake 的正确答案中发布在下面。

http://api.jqueryui.com/easings/

编辑＃2：

事实证明，我在上面发布的示例缓动函数与 jQuery UI 中的“easeInOutBack”完全相同。

编辑#3：

这里有更多独立的缓动方程可供免费下载...

http://www.robertpenner.com/easing/

如何修改这个 jQuery 缓动函数以产生不那么夸张的反弹？

我正在寻找一个模拟这个的缓动函数：

http://sandbox.scriptiny.com/tinyslider2/

tinyslider2 使用类似的函数，看起来像这样：

但是我今天似乎无法理解数学以将 tinyslider2 方程拟合到 jQuery 缓动格式中。如果有人能给我举个例子，我将不胜感激。

更新

这个等式非常接近：

我只需要结束反弹而不需要开始反弹。

我有一个手风琴的应用程序

但是当第一次点击第二个标签时，直到效果结束才会显示内容。有没有什么办法解决这一问题？

以下代码使用简单的缓动函数将线旋转到鼠标位置，但问题是 atan2() 方法从 -PI 到 PI 工作，当角度达到任一限制时，线会向后旋转，我可以使它从 0 旋转到 TWO_PI 但没有什么不同，因为线将向后旋转直到它到达 targetAngle，如果我不使用缓动计算工作正常，因为从 -PI 到 PI 的跳跃是不明显的，所以我该如何缓和我的轮换并避免这个问题？

谢谢

jQuery 的缓动函数是如何工作的？举个例子：

这是如何运作的？每个参数代表什么？我将如何为动画实现一些愚蠢的缓动？

另外，我如何将缓动模式附加到 jQuery，将其加载到 $.easing 中是否足够好？

我正在 C# 下为 Quadrocopter (AR Drone) 开发控制程序我想简化键盘的输入（没有像操纵杆这样的轴）......

所以我需要一组方法，用户可以从不同类型的缓动中进行选择。

我现在非常频繁地使用 CSS 过渡，但发现它仅限于访问缓入、缓出等。贝塞尔曲线选项似乎允许最大程度的控制，但即使这样也不允许您指定一个实际的缓动方程将模拟弹性缓动等。是否有另一种选择，或者是否需要求助于 javascript 来执行这种类型的动画？

当您为动画设置缓动时，动画将遵循该缓动的方程式。这个 脚本很好地描述了我的意思。

假设我确实选择了缓动、任何缓动和动画时间，例如 1000 毫秒。动画将完全遵循缓动方程。如果我将时间拆分为 500 毫秒，动画周期将拆分，但它会填充相同的缓动方程。

我想要做的不仅仅是分割时间，还有缓动方程。那就是动画完成了，但它没有遵循完整的方程式，而只是一半。

这有点复杂，我知道，我想知道是否有解决方案。

我正在学习如何使用 C# 创建动画。因此，例如，如果我要为对象的边距设置动画，那么我将使用以下方法为其边距设置动画：

请注意，我能够创建一个缓动功能。但是如果我想创建一个 EaseInOut 缓动函数怎么办。为了使用 EaseInOut 方法为对象设置动画，我必须在我的测试方法中添加什么。

我需要一个相当非典型的 jquery 缓动函数。它基本上与您传统的easeInOut 缓动相反，因为我希望该过程从快速介绍到较慢的中间部分再到快速结尾（您可以称之为speedInOut）。

不幸的是，我的数学有点生疏，我需要有人在如何开始方面为我指明正确的方向。

双曲正弦曲线 (sinh) 在某种程度上朝着我正在寻找的正确方向，但我需要它在两个轴上都限制在 0 和 1 之间。

这是我正在使用的 jquery 缓动函数骨架

任何帮助将不胜感激！