4

我正在尝试实现基于时间轴的动画，其中动画将能够：

  • 暂停
  • 恢复
  • 快进
  • 慢下来
  • 反转
  • ...

是否有任何可用于此类目的的 Javascript 动画/补间引擎？或者那会被强烈推荐？

Hwlp 会很棒，尤其是因为这真的让我很感兴趣！=)

4

7 回答 7

4

我不知道你是否仍然感兴趣，但我正在寻找和你一样的东西（相信我，我正在寻找 HOURS 和小时），我不知道我是否真的找到了我正在寻找的东西为了。最接近的是jsAnim ( http://jsanim.com )，它现在工作正常。我列出了我在网上找到的内容：

(Comments are very unparcial and testing was made very quickly. Please take it with tweezers.)

  • jsAnim: Syntax is very easy to focus on animation and not on object architecture (see YUI) (which is great... for engineers...). Easing options are not awesome, but nice. Overall, works fine.
  • Scripty2 (former Script.aculo.us): Not tested for requiring Prototype.
  • moo.fx: Not tested for requiring Prototype or mootools.
  • YUI 2/3 Animation: Worked ok, but it's engineer code has a high learning curve for a casual front-end animation.
  • $fx(): Has a very-ultra-small footprint (only 3 KB!). Would be the choice if only had easing.
  • Trident-js：似乎有一个非常强大的时间线并且在演示中看起来很棒，但它对我一点用都没有，而且它的简陋文档没有多大帮助。
  • Animator.js：语法吓到我了。在我看来也很业余。
  • JSTweener/GX/xAnimation：这些都没有引起我的注意。对我来说似乎很业余。
  • 用于 jQuery 代码生成的 Glimmer GUI：我的机器上没有安装安装程序（安装程序的未知错误）。
  • Raphael/Burst Engine/Processing.js/Pixastic/Cake-js：它们用于画布/矢量。另一种（很酷）的东西。
  • Spritely：也适用于另一种事物：精灵动画。

So the winner, for now and for my current animation requirements, is jsAnim. I also want to give a try to Scripty2 and moo.fx since they seem to be around for some time (both from 2005, Scripty2 is the second version of Script.acoulo.us).

My 2cents. Hope it helps somebody. Now God I want my last 8 hours back!!!

于 2010-11-05T04:10:55.777 回答
2

我认为您要查找的内容不存在，您应该自己编写。

此外，我认为 Adob​​e 正在推出一套用于 JS/HTML/CSS 动画的工具，您可以在 Google IO 上查看他们的演示文稿。

于 2010-07-19T14:33:22.827 回答
1

尝试使用 Yahoo UI：

http://developer.yahoo.com/yui/3/examples/

看动画部分。

于 2010-07-19T10:06:22.150 回答
1

我认为所有这些框架都会为您做到这一点（我看到的所有框架都不支持反向）：

我更喜欢 jQuery。

于 2010-07-19T11:23:49.597 回答
0

你可以看看 jQuery animate 在

http://www.visualjquery.com/

在搜索字段中写入“动画”单击项目，您将在那里看到一些示例。

于 2010-07-19T11:17:53.843 回答
0

I suggest BetweenJS a cross-browser portage of BetweenAS3 for Javascript, where everything u asked for is implemented and ready to use http://github.com/sazaam/BetweenJS/

于 2015-06-26T09:21:10.403 回答
0

For a complete feature set, check out KUTE.js. It features transform, box model properties, scroll, presentation attributes, SVG morph, SVG draw, tween collections, pause and a ton of easing functions.

于 2016-03-10T21:49:59.410 回答