问题标签 [easing-functions]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
3920 浏览

javascript - 帮助制定三次缓动方程

我有以下一段代码

这将数字置于这样的线性方式 { 0, 0.1, 0.2, ..., 0.9, 1.0 } 我想应用三次(输入或输出)缓动方程,以便输出数字逐渐增加或减少


更新

不确定我的实现是否正确,但我得到了预期的曲线

0 投票
3 回答
2655 浏览

math - 实现缓动功能

我正在尝试移植和实现我发现的缓动功能

编辑

: 我贴错了缓动函数,对不起!这是正确的:


我使用的语言不是 Flash 或 Actionscript。这是我的代码:

我在循环中调用该函数:

EDIT2 - 调用函数。

m.move 设置为 1 或 -1 表示移动方向,或 -5 +5 表示移动 5 个长度。尽可能频繁地调用 setspritemoves,目前它与系统调用的速度一样快,但我可以在毫秒计时器上触发调用。

m.moveto[i] 是目标 x 坐标,m.time 是我递增的整数,m.duration 是我假设我希望完成更改所需的时间量,m.spriteposx 是当前位置我正在移动的对象。[i] 是当前的精灵。

如果我想在 1/2 秒内移动 345 个像素,时间的增量值应该是多少?

在我所有的实验中,我要么超调了一个很大的因素,要么只移动了几个像素。

目前 m.time 每次迭代都会增加 1,而 m.duration 是 100。我尝试了各种值,但似乎没有一个能始终如一地工作。

0 投票
2 回答
6149 浏览

jquery - 自定义 jQuery easeOutElastic 函数

我有一个在 jQuery 控制下的横向滚动网站,其中有几个水平相隔数千像素的页面。我正在使用 easeOutElastic 功能,但动画发生得很快,需要抑制弹性反弹。如果我增加持续时间参数,动画会变慢,但反弹也会变慢。似乎持续时间控制着整个动画。

我需要做的是分别控制移动的速度和弹性的松紧度。我一直在插件中摆弄我自己的 easeOutElastic 函数副本,但我似乎无法做到正确,不知道所有参数是什么:

谁能告诉我参数:x,t,b,c,d代表什么?

我假设(跟踪函数):

看起来当 t == 0 时缓动函数完成,但我真正需要的是函数在运动速度低于某个阈值时返回,而不是等待时间到期。但是速度在哪里计算?(秒?)

您可以提供任何帮助来破译这将是很棒的!

0 投票
1 回答
197 浏览

silverlight - 缓动功能控制点列表

我正在寻找一个列表或方法来获取当前缓动函数x1, x2, y1, y2的(等效)值(例如:with mode )。KeySplineCircleEaseEaseInOut

我怎样才能得到它们?

0 投票
5 回答
35203 浏览

jquery - 什么是缓动函数?

动画上下文中的缓动函数是什么意思。看来dojo、jquery、silverlight、flex等UI系统都有缓动功能的概念。我找不到缓动函数的一个很好的解释?谁能解释缓动函数的概念,或者对它们进行一个很好的解释,我对这个概念感兴趣,而不是对框架的具体细节感兴趣?

缓动是严格用于位置还是通用的并且可以应用于对象的任何属性?

0 投票
2 回答
1930 浏览

ios - 使用自定义缓动曲线重新实现基于 UIView 块的动画方法

如果需要更高级的曲线,UIView 的基于块的动画方法中缺少自定义缓动曲线会导致核心动画。

如何使用 Core Animation 创建自定义缓动函数CAKeyframeAnimation中讨论了使用 Category on 执行此操作的方法?.

为了保持我的代码干净和可维护,我想更进一步,重新实现UIView基于块的方法,并包含一个描述缓动曲线函数的块。结果类别UIView看起来像这样:

有谁知道苹果如何实现基于块的动画方法?

0 投票
1 回答
94 浏览

math - 防止 penner 缓动中的值越界

我正在开发一个使用以下缓动函数在屏幕上移动对象的项目:

我经常遇到值迅速超出范围导致对象以令人眼花缭乱的速度移出屏幕的情况。第一种情况似乎是由于将函数的结果截断为整数值引起的,我已修复了这一点。触发完全相同行为的下一件事似乎是在对象停止并输入新的缓动距离后时间值未重置。一旦我在更改目标值(change=destination-start)后添加了一个重置​​,这似乎完全解决了问题。

现在,我在下载和换出图像的循环中添加了更多代码。似乎循环中增加的执行时间有时会导致值超出范围,从而产生相同的模糊图像冲出屏幕。

简要描述代码:

在添加图像下载/交换(实际交换只是更改指针)代码之前,预加载图像和临时图像一切正常。现在我首先加载临时图像并进行交换,我认为循环有时会在超过 1/30 秒的时间内执行,这可能导致计时器值变得奇怪。

所以本质上,我想知道是否有某种“调节器”钳位可以放在值上,以防止缓动函数产生快速失控的疯狂值。例如,在单次迭代中移动的总距离不应超过 250 个像素,实际上应该始终只接近目标值的几个像素。

0 投票
1 回答
979 浏览

delphi - 在 Delphi 中实现 EaseIn、EaseOut 函数

我正在尝试在TChromeTabs中实现标签的流畅移动。我可以在这里看到缓动公式,但我不是数学家,也不知道如何将其转换为代码。到目前为止,我的尝试无济于事。

是否有可用的缓动功能的 Delphi 实现?

0 投票
2 回答
784 浏览

wpf - EasingFunction 在 Windows 8 魅力设置中使用的是什么?

我使用 WPF 4.0 (C#) 制作了一个应用程序

我想知道在 Windows 8 魅力设置中使用的 EasingFunction 出现了。

Windows 8 设置魅力

我使用 CubicEase、QuarticEase、PowerEase、ExponentialEase.. 但我无法制作像 Windows 8 这样的动画。

如何使用基于默认的 EasingFunction 制作类似于 Windows 8 的动画?

0 投票
0 回答
124 浏览

animation - 微软office 2013动画缓动功能

在为几乎所有平台设计 GUI 时,使用动画变得简单直接。但是缓动功能的选择会极大地影响用户体验,而且我认为在 MS Office 2013(可能一般是 Windows 8)中使用的缓动功能真的很酷!有谁知道它是什么?