如何仅使用Web标准实现良好的性能动画?

时间:2011-08-31 06:33:02

标签: javascript html5 svg html5-canvas

如果不使用Flash,我如何仅使用Web标准(最好是最新浏览器中提供的标准)来制作具有公平图形性能的游戏?我已经研究过HTML 5 Canvas和SVG,但两者似乎都没有设计为动画,是吗?用它们做小动画效果是否可行?您可以建议哪些图书馆?

我也研究过WebGL,这是唯一似乎有一些性能目标的API,但对于简单的动画来说似乎太过分了。

5 个答案:

答案 0 :(得分:2)

  

WebGL使Web内容能够使用基于OpenGL ES 2.0的API   在支持它的浏览器中,在HTML画布中执行3D渲染。

来自MDC

您可能需要查看this。这是一个用JavaScript制作的游戏。实际上有很多例子可以使用画布很好地渲染3d对象。

JavaScript,HTML5 canvas是制作游戏的不错选择。

答案 1 :(得分:1)

答案 2 :(得分:0)

你应该查看这个谷歌技术讲座: http://www.youtube.com/watch?v=_RRnyChxijA

演讲者讨论使用HTML5,客户端/服务器端javascript,css和canvas。

我同意,对于简单的动画,WebGL可能有点过分。

以下是一些动画框架: http://sixrevisions.com/javascript/10-impressive-javascript-animation-frameworks/

答案 3 :(得分:0)

正如其他人所说,带有Javascript的HTML5可用于创建具有相当不错的图形的游戏。这里有一个基于HTML5的游戏引擎表:https://github.com/bebraw/jswiki/wiki/Game-Engines

答案 4 :(得分:0)

最初的提问者问道,“我已经研究过HTML 5 Canvas和SVG,但两者似乎都没有设计成动画,是吗?” SVG绝对支持动画;除此之外,我的熟人David Dailey已经就这个话题进行了广泛的http://srufaculty.sru.edu/david.dailey/svg/

我想提出的一个相关观点:我经常浏览的浏览器只能获得十分之一甚至百分之一的图形性能,只需稍微配置更改或两个http://www.htmlgoodies.com/html5/client/unleash-the-power-of-hardware-accelerated-html5-canvas.html#fbid=SlaaSNoY3Fg即可显示。