javascript中的动画，一个起点

Question

我理解JS是如何运行的，我想我理解大多数DOM，但我不知道动画。这里有人知道一个好的指南，可以向我解释它是如何在Javascript中完成的吗？

另外，我是否应该考虑Javascript动画？我应该继续学习flash吗？

Answer 1

避免使用闪存，它是一个可怕的要求，谷歌无法抓取，不受大量浏览器和系统（例如iPhone）的支持，最重要的是：它迫使你重新发明网络标准（例如滚动条和诸如此类的东西），Javascript在另一方面在noscript案例中，hand更易于维护和编码。

尝试scriptaculous动画;

• here's a quickie 3-line tutorial so you can see it working
• here's a more complete tutorial
• here's the scriptaculous wiki

请注意，有大量的JS动画库，一些非常好的jQuery浮现在脑海中。通常它们只是一个脚本标记和一个用于设置的onclick事件。

祝你好运！

/ MP

Answer 2

如果你的动画很简单，随着时间的推移改变颜色，在3秒内从x移动到y。 Javascript很好。如果你想要各种各样的wizbang按钮和屏幕的协调旋转，直线js + dhtml充其量只会笨重。 Silverlight vs Flash是你的问题。有趣的是，您使用javascript编写Silverlight，这将是简单地升级到在Silverlight中实现但仍编写相同代码的更快，更动态的DOM的主要好处。 Flash的可编程性在我的经验中是非常有限的，你可以做任何事情，但它会很慢并需要数千行代码才能实现。对于简单的JS动画，请查看jQuery或Scriptaculous。

Answer 3

查看一个像Bernard Sumption的Animator.js这样的JS动画框架。它重量很轻，有一些很好的例子。

就个人而言，我不会在JS中制作动画。 Flash FTW。

Answer 4

如果您不关心IE支持，您也可以尝试使用canvas元素进行试验：

MOZILLA DEVELOPER NETWORK Basic animations