javascript 中的动画，一个起点

Question

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

此外，我是否应该考虑用 Javascript 来制作动画？我应该转而学习 Flash 吗？

Answer 1

避免使用 Flash，这是一个可怕的要求，谷歌无法抓取，许多浏览器和系统（例如 iPhone）不支持，最重要的是：它迫使你重新发明网络标准（例如另一方面，Javascript 在无脚本情况下更容易维护和编码。

尝试 脚本性的 为您的动画；

• 这是一个Quickie 3线教程，因此您可以看到它可以正常工作
• 这是更完整的教程
• 这是脚本化的维基

请注意，有无数的 JS 动画库，其中一些非常好 jQuery 我想到了。通常它们只是一个脚本标签和一个要设置的 onclick 事件。

祝你好运！

/mp

Answer 2

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

Answer 3

查看像 Bernard Sumption 的 JS 动画框架 动画师.js. 。它非常轻量并且有一些很好的例子。

就我个人而言，我不会用 JS 来制作动画。闪存 FTW。

Answer 4

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

Mozilla 开发者网络 基本动画