问题标签 [easing]

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 回答
5056 浏览

jquery - jquery easing 在 wordpress 上打破 jquery

当我将 jquery easing 1.3 插件添加到我的页面时出现错误,我什至还没有使用自定义缓动但只是加载它会停止动画元素的工作。我不是 jquery 专家,所以我真的不知道如何调试它,但我相当确定存在冲突,这是错误:

当您滚动动画元素时会触发错误,这是我正在处理的页面:

http://www.pegbarandgrill.com/blog/

如果您滚动链接和目录,您应该会看到一个动画菜单打开,但此时您会收到错误消息。我用以下几行采购了 jquery 和缓动

此外,如果我删除 wp_head() 和 wp_footer() 函数,冲突就会消失。知道问题可能是什么吗?

非常感谢

0 投票
0 回答
718 浏览

jquery - 如何为“mousemove”画廊缩略图添加缓动效果

在我试图解释这一切之前,请在这里查看我在说什么。这是画廊的缩略图。在 mouseenter 上它开始移动但没有任何平滑的缓动效果。我认为这让它看起来很“紧张”。

请在此处查看:http: //mark-i-mark.com/lab/test/index.html

可以在此处查看“运行” mousemove 函数的代码片段:http: //jsfiddle.net/nWMY9/

有没有人知道如何根据 jQuery 缓动插件让它更流畅?非常感谢您的帮助。如果您需要更多信息,请告诉我。

编辑 05.12.2011 * @roXon * 您的解决方案正是我所需要的。为了通过画廊脚本实现这一点,我想稍微更新一下信息。也许你可以实现它。可以在此处找到画廊的实时预览:http: //mark-i-mark.com/lab/smartajax/index.html

js 文件是 jquery.dob.WallGridGallery.js,mousemove 函数从第 553 行开始到第 595 行结束。现在看起来比上一个版本更有条理。

大多数尺寸由脚本动态设置。可在 xml 文件中进行可选设置:http: //mark-i-mark.com/lab/smartajax/WallGridGallery/xml/SettingsWallGridGallery.xml

如果未进行任何设置,它将从您在 html 标记中为 #galleryContainer 设置的内容中获取画廊的可见大小,但 thumbnailsWrapper 的尺寸是动态计算的。

目标是将您的酷运动解决方案包含在现有脚本中。你觉得你能做到吗?我希望我已经提供了您可能需要的所有信息,否则请告诉我。感谢您与我分享这一挑战。我认为包含您的解决方案的画廊看起来会好得多。

0 投票
1 回答
354 浏览

jquery - 使用键盘控制 jQuery Easing

我在一个非常简单的网站上启动并运行了 jquery 的缓动插件,可以在这里看到:http: //harrisonfjord.com/folio/

我用于锚链接的代码(调用 jquery 函数将窗口滑动到按下的任何 div 上)是:

javascript代码如下:

我已经尝试为 Animate2id 函数设置一个变量,该函数获取您正在查看的当前 div,然后可以使用该变量转到下一个或上一个 div(但甚至不知道我是否已经这样做了正确...)。

显然对 jquery/javascript 来说还是新手,所以非常感谢任何帮助。

0 投票
1 回答
3000 浏览

cocos2d-iphone - 像 CCSprite 对象一样移动 Box2d 实体

在 cocos2d 中,您可以在 CCSprites 中缓和并以各种方式移动它们。最重要的是 - 他们可以缓进/缓出。对于大多数游戏来说,这对于平滑移动等来说是可取的。

移动 box2d 主体时,附加到它的精灵在 box2d step() 之后更新。移动精灵然后更新身体在这里不是一个选择,因为它完全违背了物理框架的目的。

因此,我已经成功实现的另一个选项是通过将精灵本身视为一个力学实体来计算精灵的位移、速度和加速度。每次我在 sprite 上调用我的 update() 以便角色可以决定移动的位置等时,我的超类也会存储之前的位置和速度。这些通过除以 PTM_RATIO 存储为符合 box2d 的值。

在 CCSprite 的子类中,称为 FMSprite:

然后,我将“FMSprite”子类化为“FMObject”,其中存储了 b2Body 等。

为了移动身体,我必须首先移动一个精灵并跟踪它的加速度,通过它我可以找到跟随精灵运动所需的力(使用质量)。由于我无法移动对象的精灵(与身体同步),我制作了另一个名为“信标”的精灵,将其作为子对象添加到对象中,然后移动它。然后我们需要做的就是使用我之前提到的力使 box2d 主体的位置与这个信标精灵同步。

结果非常出色,b2body 的平滑缓动运动可以随心所欲地移动,无需使用任何自身的力,而是复制 CCSprite 的力并复制其运动。由于都是力,所以在与其他 b2Body 对象碰撞时不会引起抖动和失真。如果有人有任何其他方法可以做到这一点,请发布答案。谢谢!

0 投票
1 回答
171 浏览

mouse - 鼠标跟随器缓入/缓出

那里有很多mousefollower教程。它们中的大多数都有一个简单的公式来缓和运动:

(tx = 目标位置,x = 实际位置,interp > 1)

这使得跟随者一开始走得很快,然后慢慢减速到目标位置。

我如何更改公式,以便我可以定义自定义加速度、自定义减速度和最大速度之间的运动?一开始我会对增加的加速度感到满意。

谢谢!

汉斯

0 投票
2 回答
1257 浏览

javascript - 检查 jQuery UI 缓动方法是否可用

我编写了一个插件来进行一些切换,我需要一种方法来检查可用的缓动方法。我想在可用时支持 jQuery UI缓动方法。看起来那些在自定义构建器的效果包中,但由于可以取消选中,因此检查 jQuery UI 是否可用似乎还不够。我想特别检查缓动方法是否可用。

0 投票
2 回答
445 浏览

javascript - jQueryUI Progressbar 不会轻松

当我应用以下代码时,它设置了正确的条形值但不做任何缓动?

我错过了什么,任何帮助表示赞赏!

谢谢


解决方案:

我自己解决了

确实是无效代码(感谢 Orenet!),使用:

没有立即工作,因为带有实际栏的 div 被隐藏了,甚至在没有工作之前对其进行了初始化。目前我只是取消隐藏它。有更好的解决方案吗?

0 投票
2 回答
26901 浏览

jquery - 如何使动画缓动(缓入和缓出)与持续时间无关?

我正在使用带有缓动插件的 jQuery,我想为任何持续时间的动画实现恒定的缓动时间:

其中<<<</>>>>是缓入/缓出周期,---表示匀速运动。

是否有一个缓动函数/插件,或者我应该为每个这样的动画提供一个与时间相关的自定义函数,如果是,那么是什么样的?

0 投票
1 回答
3486 浏览

javascript - Jquery 缓动和动画

我从这里抓取了这个紧凑的新闻阅读器下面是在单击链接时动画缓入和缓出预览的代码。我将整个页面的尺寸从 300 的高度更改为 600。我做了一些谷歌搜索,jquery 的动画部分为元素的 CSS 属性设置了动画。所以我从那里开始工作。以为我有工作,但我没有,所以我想我会从头开始。

任何人都可以解释这一点吗?例如,我只是在猜测,“将页面元素的顶部 css 设置为 -300px ......我不明白的其余部分。

感谢您的任何帮助、骚扰或指点。

sdfadssf

0 投票
1 回答
912 浏览

jquery - JQuery 缓动与队列功能

以下宽松不会触发。如果 queue:true 被删除,它会这样做,但我们也需要那个位。

它是如何完成的。