问题标签 [easing-functions]

我有一个 jQuery 动画，使用默认的摆动缓动在最后放慢了太多。我尝试了线性选项，但它在接近尾声时看起来同样缓慢。我通过并尝试了这里找到的几个缓动函数。因为我有几个其他动画运行延迟来同步它们，所以似乎任何与原始摆动缓动变化太大的缓动函数都会使一切失去同步。经过一番搜索，我发现了一个 easeOutInQuad 函数，其图形看起来像 swing 函数的倒数。我认为与摇摆函数相反（或接近于相反）的缓动函数不太可能改变运行动画的总时间。这是我在代码中使用的 easeOutInQuad 和相关的 easeOutQuad 和 easeInQuad 函数：

出于某种原因，当我运行动画时，我得到一个 easeOutQuad is undefined 错误。我对 jQuery 有点陌生。任何帮助表示赞赏。

供参考的是我正在使用的其余代码：

});

我在 WPF 中有一个要显示ShowDialog的窗口，当显示该窗口时，它应该有一个缩放动画。我已经成功地创建了动画并且所有的作品都很好，除了一件事：

当窗口接近完全缩放状态并且缓动功能启动时，窗口的外边缘似乎超出了实际的窗口边界并被剪裁。如何使用这种带有缓动的缩放动画而不被剪裁？

这是我正在使用的缩放动画：

编辑：它出现剪辑的原因是缓动功能不会移动窗口，而是移动窗口内的内容；至少这就是它似乎正在做的事情。该窗口具有自定义样式，顶角为圆形。实际窗口具有透明背景。因此，当缓动功能启动时，内部内容超出了实际窗口的大小，并且显示了硬 90 度角，因为内容超出了窗口的大小。

由于动画与窗口本身而不是窗口的内容相关联，因此不应发生在该点的内部内容拉伸。

我使用这行代码来更改 an 的位置ul以使请求li成为焦点。

我尝试了一些效果，smoothmove但我得到了一个错误，这个效果不能应用于我的对象。

Linear或者swing太无聊了。

我可以使用哪种效果来为位置设置动画？

我想使用缓动功能的自定义在animationAndroid view（按钮）上应用翻译：interpolator

我有一个使用自定义插值器的示例，如下所示：

插值器是：

并像这样使用：

我的问题是：这些值b, c,d是为了什么？

我正在制作一个游戏，你必须在一段时间内回答一个问题。随着分数的增加，时间会减少。我正在使用此功能进行操作。

在这里看到一个小提琴 - http://jsfiddle.net/QWV82/

我想改变我的功能，以便减少时间。我希望使用Robert Penners 的 easing equations之一。

我不确定是否可以将我的系统应用于他的方程。我无法弄清楚我应该传递给函数的内容。

这可能吗？关于我需要做什么的解释会很棒。

我正在尝试实现一些缓动功能，但我不确定持续时间从何而来？它是用户输入的还是可以计算出来的？它是否取决于开始值和结束值？

我正在对一些图像应用视差效果，我想对它们应用缓动。视差的逻辑非常简单，我正在计算图像到窗口中心的距离，并将其表示为 1 的因子，其中 0 是屏幕的中间，1 是底部。我也可以将其应用于屏幕的上半部分，因此 -1 将是顶部。

理想情况下，我想直接从这里（http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js）插入一些功能。所以假设我希望使用' easeOutSine':

// t: current time, b: begInnIng value, c: change In value, d: duration function (x, t, b, c, d) { return c * Math.sin(t/d * (Math.PI/2)) + b; }

我传递了什么值？我认为最不明显的是 d （持续时间），因为这些不是基于持续时间的动画。这些方程甚至合适吗？

注意：我不想使用任何库，这是纯 JS。

我正在尝试为使用 C# 制作的游戏元素添加反弹效果。我似乎无法为此找到正确的缓动方程。这是我暂时使用的：

谁能帮我把它改成一个弹跳方程？

对于 的实例SCNAction，我们可以指定属性timingMode。我们可以将其指定为SCNActionTimingModeEaseInEaseOut。似乎这还不够，为了使其工作，我们还必须指定timingFunction（对吗？）。这个timingFunction 块会是什么样子？大多数计时函数示例都有 4 个参数；这个函数只有一个时间。

浏览velocity.js changelog 我读到：

... 2) 背部、弹跳和弹性缓动已被移除。请改用弹簧物理学。...

我想知道是否有任何简单的方法easeOutBounce可以使用缓动重新创建 jQuery animate 可用的效果spring，它接受自定义参数？

默认情况下，您可以使用以下spring缓动：

可以通过指定[tension, friction]而不是仅传递 easing 关键字来自定义弹簧缓动spring。所以你可以这样做：

我不明白要使用哪些摩擦和张力值来实现easeOutBounce easing。我试图让球在达到 200 像素时弹起 - 但它充当“松散”的弹簧，低于地线而不是弹跳。

这是否可以仅使用 velocity.js 以简单的方式完成，所以我不需要自己实现自定义缓动功能？