JavaScript有哪些优秀的动画引擎？ - JavaScript/动画

Question

4

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

是否有适用于Javascript的动画/缓动引擎可用于此目的？或者强烈推荐哪些？

帮助将是很棒的，特别是因为这真的很有趣！ =)

- RadiantHex

JQuery和其他库都有通用的动画引擎，但如果您需要一个性能和内存稳定的引擎，请使用纯JavaScript编写自己的引擎。对于您提到的功能来说，这并不难。在我的类似情况下，一个队列和一个计时器包装在一个120行的类中就可以胜任。祝你好运。 - user347594

7个回答

2

我认为你所寻找的内容不存在，你应该自己编写。

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

- Mark

1

尝试使用Yahoo UI：

请查看动画部分。

- loentar

1

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

我更喜欢jQuery。

- Peter Örneholm

谢谢你的回复，但是如何在时间范围内从某个特定时间点开始启动动画呢？ - RadiantHex

这可能会给你一些想法： https://dev59.com/YEbRa4cB1Zd3GeqP4_H3 - Peter Örneholm

0

您可以查看jQuery动画，网址为

在搜索框中输入“animate”，点击项目，您将看到一些示例。

- Zsolti

jQuery很棒，但我发现很难创建基于时间轴的动画，同时也足够灵活，可以被视为“电影”。 - RadiantHex

0

我建议使用BetweenJS，它是BetweenAS3的跨浏览器移植版本，其中包含了您所需的一切功能，并且已经实现并可供使用。 http://github.com/sazaam/BetweenJS/

- iggy_face

0

如需完整的功能集，请查看KUTE.js。它包括变换、盒模型属性、滚动、演示属性、SVG形态变换、SVG绘制、缓动集合、暂停以及大量缓动函数。

- thednp

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Alejandro García Iglesias · Accepted Answer

我不知道你是否还感兴趣，但我正在寻找与你相同的东西（相信我，我已经搜索了几个小时），我不确定我是否真正找到了我要找的东西。最接近的是jsAnim (http://jsanim.com)，目前工作得很好。我在网上列出了我找到的东西:

(评论非常不客观，测试也很快。请谨慎对待。)

jsAnim: 语法非常易于专注于动画而不是对象架构（参见YUI）（这很棒...对于工程师来说...）。缓动选项不是太棒，但不错。总体而言，工作良好。
Scripty2 (原Script.aculo.us): 没有测试需要Prototype。
moo.fx: 没有测试需要Prototype或mootools。
YUI 2/3 Animation: 工作得不错，但它的工程师代码对于休闲前端动画来说学习曲线很高。
$fx(): 占用空间非常小（仅3 KB！）。如果只有缓动，它将是选择。
Trident-js: 似乎有一个非常强大的时间轴，在演示中看起来很棒，但它对我根本没有起作用，而且它瘦小的文档并没有帮助多少。
Animator.js: 语法吓到了我。对我来说也显得非常业余。
JSTweener/GX/xAnimation: 这些连一点注意力都没有引起。对我来说也显得非常业余。
Glimmer GUI for jQuery code generation: 设置没有安装在我的机器上（安装程序的未知错误）。
Raphael/Burst Engine/Processing.js/Pixastic/Cake-js: 它们是用于画布/向量的。另一种（很酷的）东西。
Spritely: 也是另一种事物：精灵动画。

因此，目前和我的当前动画要求的获胜者是jsAnim。我还想尝试一下 Scripty2 和 moo.fx，因为它们似乎已经存在一段时间了（Scripty2是Script.acoulo.us的第二个版本，两者都来自2005年）。

以上是我的建议。希望能帮助到某些人。现在上帝啊，我想要我的最后8个小时回来！！！