如何开始编写我计划整合到网站中的动画?

时间:2011-11-25 17:58:16

标签: animation

我想为我正在制作的网站创建一个动画/可视化,但我不知道如何开始。我打算使用地图作为背景,并在其上方设置动画,以便在按下开始按钮后模拟随时间的变化。

问题是,我希望这个动画是动态的(也就是说,它取决于网站上的数据,所以如果用户提交更多条目,动画会更新以反映这些)。

我该如何开始这样的事情?我应该使用什么样的语言来编程呢?我对网络编程只有一点经验...谷歌搜索问题对我没什么帮助,虽然似乎GWT和Actionscript是选项......? javascript本身是否足够,或者是否存在可以使这更容易的预先存在的库?

感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

知道这应该是什么类型的动画,它应该为用户和页面内容提供什么级别的交互性将是有帮助的。我想这超出了一些缩小,移动,隐藏网页元素和类似的RIA的东西。

我希望我的回答能让你开始研究这个主题。

一般来说,对于网站动画或高级动态/互动内容,我认为您应该比较以下可能性:

的JavaScript

我认为JavaScript对于这项任务来说将是一个非常好的,自然的和自足的选择。它具有使事物移动并与用户交互的所有能力,它还可以与页面上的任何内容进行交互,包括数据,事件(如提交数据),还可以使用Ajax在后台更新页面上的数据,例如,中断动画的运行。

如果我们特别谈论动画有大量的图书馆,但我没有任何经验。例如,您可以查看 gameQuery (jQuery插件), $fx jsAnim 或许多其他游戏引擎或2D动画框架,例如 these at GitHub 中的一些,但其中许多已经使用HTML 5功能。

使用HTML 5的JavaScript

其他不错的选择是使用JavaScript以及HTML 5带来的一些不错的功能。

我建议您查看 Impact 框架以及基于它的一些网络浏览器游戏,这是对HTML 5能力的一个很好的演示。同样有许多替代方案,例如来自上述GitHub列表的方案。

如果HTML 5对您有吸引力,我还建议您阅读有关HTML 5优缺点的一两篇文章,例如向后兼容旧浏览器。如果这些问题都不重要,那么HTML 5可能是一个非常可行的选择。

网络的其他“动态内容”技术

这些可以是:

  • Flash (你提到的ActionScript是Flash的编程语言)
  • Silverlight ,这是一项.NET技术
  • 使用Java编程的
  • Java小程序不会将其与JavaScript混淆
  • 或者其他一些我不了解的

这些技术中的每一种都有其自身的缺点,概念,开发工具等等。它们都需要在客户端的浏览器上安装特定的扩展/插件。我建议你阅读每篇文章或者一些比较文章的概述,看看它们是否符合你的需求。