【问题标题】:jQuery Animation vs GreenSock TweenMaxjQuery 动画与 GreenSock TweenMax
【发布时间】:2012-12-03 21:18:29
【问题描述】:

我遇到一个问题,使用 jquery.animate()GreenSock TweenMax 动画引擎的优缺点是什么。所以也许有人知道。网上资料太少,性能怎么样。

我尝试同时使用jquery.animate()tweenMax,但在某些情况下我更喜欢使用 jQuery 引擎,在其他 GreenSock .

我正在尝试决定哪个更好,而不是从一个跳到另一个。

谢谢以后,知道使用哪个真的很有趣。

引擎:

http://jquery.com

https://www.greensock.com/gsap-js/

【问题讨论】:

    标签: javascript jquery gsap


    【解决方案1】:

    jQuery 的fadeIn() 和fadeOut() 方法非常方便。但是,如果您想要更具表现力的东西,我建议您使用 GSAP (GreenSock Animation Platform)。根据 GreenSock,jQuery 动画通常有点慢,而 TweenLite 比 jQuery 动画快得多(20 倍)。

    此外,您还将获得非常方便的动画功能,例如反向、贝塞尔曲线、时移、暂停和倾斜等,并在移动设备上提供更好的硬件加速支持。

    就个人而言,我认为 GSAP 更好,但一个小巧方便的选择器引擎会很酷。

    Here is very good comparison between two.

    更新

    HTML5 Animation Speed Test

    【讨论】:

    • 有趣,我尝试在整个互联网上搜索这个,但没有尝试在 GreenSock 页面中找到.. :) +PLUS
    • 我已经阅读了你给我的所有文章。这真是个好东西,我同意他们没有选择器引擎,所以在 GSAP 附近有一个 jQuery 是件好事。
    • 是的,很快就会习惯它们的补间语法:)
    • 我知道这是一年后的坚实基础,但一个很好的折衷方案是包括 Sizzle 选择器引擎(jQuery 使用的),然后基于该引擎定义选择器。它允许您以比引入整个 jQuery 库更小的占用空间来使用 jQuery 的选择器功能。 => codepen.io/GreenSock/pen/143f14a576109e1978a440d869db4e55
    • 这有点晚了,但是对于任何有兴趣比较不同动画平台的效率的人来说,这里有一个速度测试,它非常非常简洁地展示了 greensock 的优越性。在我的机器上,greensock 中 3000 个点的动画速度比 jquery 中的 700 个点快 8 倍。它的坚果。 ns2.greensock.com/js/speed.html
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多