问题标签 [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 投票
1 回答
369 浏览

javascript - 模拟轨道上物体的引力

我正在尝试在以下动画中模拟引力/加速度。earth的角速度应该随着它越来越近sol而增加,随着它越来越远而减小。我想我需要一个缓动函数来修改earth.angularVelocity但不知道如何修改。

我不知道是否已经定义了缓动函数定义函数会起作用。我需要的缓动函数应该像这张图一样工作:

拉/释放缓动函数图

earth的近日点在 180°,远日点在 0/360°。我怎样才能创建这样的功能并使其工作?

0 投票
3 回答
2439 浏览

javascript - JQMIGRATE:缓动函数“jQuery.easing.swing”应该只使用第一个参数

我正在将我的 JQuery V1.9.1 升级到 V3.0,并且我正在使用“jquery migrate 3.0”。我的控制台中有此警告:

当我搜索警告消息的来源时,我发现了这段代码:

如何重写此代码以不收到警告消息?

我找到了这个链接,但我不知道如何修复它?

我对此代码也有同样的警告:

有关更多信息,您可以查看第二个代码的控制台跟踪:

0 投票
1 回答
1313 浏览

css - 如何制作自定义 CSS 动画/过渡计时功能

CSS 计时函数似乎总是介于 2 点之间:

即使使用自定义贝塞尔曲线,您的曲线也只能从一个点移动到另一个点。

是否可以制作自定义 CSS 计时功能,在其中可以制作由多个点组成的曲线?

0 投票
1 回答
192 浏览

java - 使用 Slick2D 简化 Java

我正在尝试使对象轻松进出。

但是当我渲染它时效果很好,但我总是得到另一个对象的行为与另一个对象直接相反。

因此,当对象向上时,“幽灵”对象将直接对面向下。它给出了一个相当奇怪的屏幕撕裂效果。我试过打开垂直同步,但这似乎让情况变得更糟。该对象是一个 slick2d 矩形。它也有完全消失几秒钟甚至永久变成一条直线的习惯,而无需我每次改变它的尺寸。这是更新代码。

可以在 github 上找到缓入公式

一旦密钥在其他地方释放,我就会重置帧变量。我试图让精灵表现得像直升机。如果您有任何想法如何使它更像直升机,请分享您的知识!

0 投票
0 回答
156 浏览

wpf - 向 PointAnimationUsingPath 添加缓动函数

如何向我的 PointAnimationUsingPath 添加缓动函数?

它没有EasingFunction像拥有的财产DoubleAnimation

这是我的动画:

我想添加这个缓动功能:

有没有办法做到这一点,或者我应该使用其他方法?我确切地说我想使用贝塞尔曲线作为动画的路径。

0 投票
1 回答
353 浏览

constants - 如何在各种缓动函数中计算这个常数?

根据这篇文(日语,所以我用谷歌翻译来阅读)和其他各种来源,魔法常数似乎1.70158等于 10% 的“反弹”。该常量出现在各种缓动函数中,例如 inBack、outBack、...

人们是如何得出这个常数的,以及如何计算它?

0 投票
2 回答
371 浏览

javascript - css动画定时/缓动功能只在第一次生效

https://jsfiddle.net/elgs/580nhepk/11/

ease-in这个小演示正在尝试使用计时/缓动功能向上/向下滑动 div 。但是,似乎缓和效果只有在第一次下滑时才有效。从第二次开始,宽松的效果似乎消失了。

HTML

Javascript

CSS

0 投票
1 回答
1259 浏览

jquery-scrollify - jquery-scrollify 中允许哪些缓动函数?

scrollify 函数中“easing”属性的所有可能选项是什么?我已经尝试了几个,但除了默认的“easeOutExpo”之外,它们都破坏了滚动功能

0 投票
4 回答
82 浏览

jquery - 动画 CSS 更改 (jQuery)

我正在尝试将 jQuery 缓动插件应用于 .css 和 .animate,但不工作,我不知道为什么,因为通常它可以工作。代码示例:

所以基本上是 .animate (而不是 .css 以避免出现问题),但我还想设置动画持续时间和工作"easeOutBounce"或其他一些效果。

现在边界半径在 动画上:hover,但没有动画时间。

我不能在 css 中做到这一点,并且 jQuery 无法正常工作,有什么方法可以解决这个问题吗?

谢谢,奥利弗

0 投票
1 回答
126 浏览

c# - 如何通过代码向 UWP 应用添加 EasingFunction

在另一个问题上给我的解决方案是编写自定义缓动函数并将其添加到我的 UWP 代码中。提供的示例是这段代码:

我在网上搜索并尝试了不同的方法在我的应用程序中实现此代码,但我无法做到。我不知道这段代码是进入我的命名空间还是我需要创建一个外部类。

如果我将代码放在我的命名空间中,我会收到错误 EaseInCore 和 CreateInstanceCore:

和可冻结:

我已经阅读了微软和其他网站关于缓动函数的信息,但没有一个完整的例子展示了如何在 UWP C# 代码中实现这一点。

任何帮助,将不胜感激。