javascript中的动画,一个起点

时间:2020-03-05 18:39:25  来源:igfitidea点击:

我了解JS的运行方式,并且我了解大多数DOM,但对动画一无所知。这里有人知道一个好的指南可以向我解释它是如何用Javascript完成的吗?

另外,我是否应该考虑将Javascript用于动画?我应该改为学习闪光灯吗?

解决方案

回答

如果动画很简单,请随时间更改颜色,然后在3秒钟内将x更改为y。 Javascript很好。如果我们需要各种wizbang按钮和屏幕的协调旋转,则js + dhtml最多将是笨拙的。在这一点上,Silverlight vs Flash是问题。有趣的是,我们可以使用javascript编程Silverlight,这将是简单升级到以Silverlight实现的更快,更动态的DOM的主要好处,但仍可以编写相同的代码。根据我的经验,Flash的可编程性非常有限,我们可以执行任何操作,但是这样做会很慢,并且需要数千行代码才能到达那里。对于简单的JS动画,请查看jQuery或者Scriptaculous。

回答

查看JS动画框架,例如Bernard Sumption的Animator.js。它的重量很轻,并且有一些很好的例子。

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

回答

避免使用Flash,这是一个可怕的要求,不可被Google抓取,也不受一堆浏览器和系统(例如iPhone)的支持,最重要的是:它迫使我们重新发明Web标准(例如,滚动条和其他功能),而Javascript更容易在noscript情况下进行维护和编码。

尝试使用脚本语言制作动画;

  • 这是一个快速入门3行教程,因此我们可以看到它的工作原理
  • 这是更完整的教程
  • 这是脚本化的Wiki

请注意,这里有无数的JS动画库,想到了一些非常好的jQuery。通常,它们只是脚本标记和要设置的onclick事件。

祝你好运!

/ mp

回答

如果我们不关心IE支持,也可以尝试使用canvas元素:

MOZILLA DEVELOPER NETWORK基本动画