Javascript的伟大动画引擎？ - Javascript /动画

Question

我正在尝试实现基于时间轴的动画，动画可以是：

• 暂停
• 续
• 快速转发
• 放慢速度
• 逆转
• ...

是否有可用于此目的的Javascript动画/补间引擎？或者强烈推荐这个？

---

Hwlp会很棒，特别是因为这真的让我感兴趣！ =）

Answer 1

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

（评论非常不合理，测试速度非常快。请用镊子进行测试。）

• jsAnim：语法很容易专注于动画，而不是对象架构（参见YUI）（这对于工程师来说很棒......）。舒适的选择并不令人敬畏，但很好。总的来说，工作正常。
• Scripty2（以前的Script.aculo.us）：未经过测试，需要原型。
• moo.fx：未经过原型或mootools的测试。
• YUI 2/3动画：工作正常，但它的工程师代码对于休闲的前端动画有很高的学习曲线。
• $ fx（）：占地面积非常小（仅3 KB！）。如果只是放松，那将是一个选择。
• Trident-js：似乎有一个非常强大的时间轴，并且在演示中看起来很棒，但它根本不适用于我，而且它的瘦文档也没什么用处。
• Animator.js：语法让我害怕。对我来说也似乎非常业余。
• JSTweener / GX / xAnimation：那些甚至没有引起我的注意。对我来说非常业余。
• 用于生成jQuery代码的Glimmer GUI：我的计算机上未安装安装程序（安装程序的未知错误）。
• Raphael / Burst Engine / Processing.js / Pixastic / Cake-js：它们用于画布/矢量。另一种（酷）的东西。
• 精灵：还有其他类似的东西：精灵动画。

因此，目前和我当前的动画要求的获胜者是 jsAnim 。我还想尝试 Scripty2 和 moo.fx ，因为它们似乎已经存在了一段时间（从2005年开始，Scripty2是Script.acoulo的第二个版本）页面没有自动跳转）。

我的2点。希望它对某人有帮助。现在上帝，我希望我的最后8个小时回来!!!

Answer 2

我不认为你在寻找什么，你应该自己写。

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

Answer 3

尝试使用Yahoo UI：

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

查看动画部分。

Answer 4

我认为所有这些框架都会为你做那个（我看到所有这些框架都不支持反向）：

• jQuery：http://api.jquery.com/animate/
• $ fx：http://fx.inetcat.com/manuals.php
• Scriptaculous：http://wiki.github.com/madrobby/scriptaculous/
• 雅虎！ UI库：http://developer.yahoo.com/yui/3/api/module_anim.html

我更喜欢jQuery。

Answer 5

您可以在

查看jQuery动画

http://www.visualjquery.com/

在搜索栏中点击“animate”点击项目，你会看到一些例子。

Answer 6

我建议BetweenJS是一个用于Javascript的BetweenAS3的跨浏览器移植，其中您要求的所有内容都已实现并可以使用 http://github.com/sazaam/BetweenJS/

Answer 7

要获得完整的功能集，请查看KUTE.js。它具有变换，盒子模型属性，滚动，表示属性，SVG变形，SVG绘制，补间收集，暂停和大量缓动功能。