如何仅使用 Web 标准来实现性能良好的动画？答案

【问题标题】：How to achieve good performance animations using only Web standards?如何仅使用 Web 标准来实现性能良好的动画？
【发布时间】：2011-11-07 09:03:25
【问题描述】：

在不使用 Flash 的情况下，如何仅使用网络标准（最好是最新浏览器中可用的标准）制作具有公平图形性能的游戏？我研究过 HTML 5 Canvas 和 SVG，但两者似乎都不是为动画而设计的，是吗？用它们做小的动画效果可行吗？您可以推荐哪些库？

我还研究了 WebGL，这是唯一一个似乎有一些性能目标的 API，但对于简单的动画来说似乎太多了。

【问题讨论】：

【解决方案1】：

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

来自MDC

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

JavaScript、HTML5画布是制作游戏的好选择。

【讨论】：

【解决方案2】：

有办法improve <canvas> performance。

【讨论】：

【解决方案3】：

最初的提问者问道：“我研究过 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 显示的图形性能的十分之一甚至百分之一。

【讨论】：

【解决方案4】：

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

演讲者谈到了如何使用 HTML5、客户端/服务器端 javascript、css 和 canvas。

我同意，WebGL 对于简单的动画来说可能是多余的。

【讨论】：

【解决方案5】：

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

【讨论】：