问题标签 [easing-functions]

我知道 Silverlight 和 WPF 4.0 的一些缓动功能即将问世。

但是我自己的项目确实需要一些，而且我似乎在网上找不到任何东西（不适用于 WPF 4.0）

有谁知道我可以使用的 Silverlight 的任何实现或端口？

谢谢马克

我正在使用 UIViewAnimationCurveLinear 为两点之间的视图设置动画，所以我知道这个动画的速度。在某些情况下，我想附加一个 UIViewAnimationCurveEaseOut 以使视图缓慢停止。为了使这种效果无缝，缓出动画必须以与其之前的线性动画相同的速度开始。给定一个我希望这种缓动发生的固定距离，我如何计算达到这个已知起始速度所需的持续时间？

例如，假设我在 10 秒内将我的视图从 x = 0 设置为 x = 100。因此速度为 10 像素/秒。我现在希望使用 UIViewAnimationCurveEaseOut 动画将视图从 x = 100 减速到 x = 120。这个动画应该持续多长时间才能确保它以 10 像素/秒开始？

据我了解，Core Animation 的 CAMediaTimingFunction 使用三次贝塞尔曲线控制动画节奏，其中第二个和第三个控制点决定了曲线的形状。我假设 UIViewAnimationCurve 缓动函数也是三次贝塞尔曲线。如果我知道这些函数使用的默认控制点，我应该能够制定公式来计算给定速度和距离的持续时间，但是我还没有设法在任何地方找到这些默认控制点。

我想将某物移动一段固定距离。但是在我的系统中存在惯性/阻力/负加速度。我正在使用这样的简单计算：

将其应用于多个帧会使运动“加速”或衰减，例如：

所以我知道我想行进的距离和加速度，但不知道让我到达那里的初始速度。也许更好的解释是我想知道击打台球的难度，使其停在某个点上。

我一直在研究运动方程（http://en.wikipedia.org/wiki/Equations_of_motion），但无法找出适合我的问题的正确方法是什么......

有任何想法吗？谢谢 - 我来自设计而不是科学背景。

更新：Fiirhok 有一个固定加速度值的解决方案；HTML+jQuery 演示：
http
://pastebin.com/ekDwCYvj 有没有办法用小数值或缓动函数来做到这一点？根据我的经验，这样做的好处是固定的加速度和基于帧的动画有时会超出最终点并且需要强制，从而产生轻微的捕捉故障。

With this code I've been able to capture the mousewheel movement and apply it to the horizontal scroll bars instead of the vertical default.

Is there any way that I could add this jQuery easing animation to the scroll movement?

Thank you so much in advance!

你们能告诉我有没有什么好的示例应用程序，您可以在其中尝试所有具有不同参数的缓动函数并查看变化？

我的意思是，我不能建立自己的一个实际原因有两个：

• 我只是没有时间
• 我是一个该死的愚蠢懒惰的家伙，需要放纵他的懒惰

我在代码中创建 doubleAniation 并且我想向它添加一个缓动函数，那么我该怎么做呢？

Expression Blend 中提供了如此多的缓动函数，并且每个设置都有如此多的设置，通常很难凭直觉知道该选择哪种缓动函数。尝试所有选项将花费相当长的时间。

在这种情况下，我想给人一种物品已经向前和向下掉落的印象。我正在使用关于 X 的投影旋转，目前正在使用其中一个圆形缓动函数，但感觉不太正确。微妙的反弹可能会有所帮助。

什么是最好的选择（和特定的设置）来给人一种短距离坠落的印象？

与往常一样，提前致谢。

跟进： 在下面的评论之后，作为这里提出的一般问题的潜在长期解决方案（通过关键字选择缓动功能和设置），我们现在设置了www.easing.co。我们将寻求社区的贡献，因此如果您有兴趣帮助该项目，请仅通过该网站给我们留言。

我正在尝试为 flex4 中的图像设置动画（旋转），但似乎 flex 默认为我的动画添加了缓动。我怎样才能超越这个，所以我的旋转没有任何缓和。

这是我正在使用的代码行

不能对 Jquery ScrollTo 应用缓动方法：

这并不能缓解任何事情......我现在开始使用 jquery（长期使用原型）所以这肯定是我的错误。我需要一个缓动插件来实现这一点吗？这个插件的缓动选项是什么（如果有的话）？文档对此并不清楚。谢谢。

我有一系列图像鼠标悬停链接，悬停时会改变背景位置。是否可以在不更改我的 CSS3 的情况下对这些链接使用 jquery 缓动？如果是这样，有人有任何例子吗？

这是我的代码：