HTML5画布游戏性能与替代品[关闭]

Question

我正在使用画布开始开发 HTML5 游戏。到目前为止一切都还好，但我有一些让我有些困惑的事情，主要与此类游戏的性能有关。因此，与其让我在开发过程的深处遇到一堆问题，我现在会很感激发现。

我之前使用过诸如 OpenGL 之类的语言，并了解到以有效的顺序渲染事物的重要性，这可以提供数百倍的性能，而不是仅仅在屏幕上来回切换随机绘制内容在纹理/着色器等之间。这是我应该在画布游戏中记住的事情，还是会自动排队并以有效的顺序渲染？

这将是一款 2D 游戏，但屏幕上有很多对象，其中大部分对象会动态降低饱和度并改变亮度（滤镜）。性能会是一个严重的问题吗？

有哪些替代方案，任何可以提高性能的 javascript 游戏引擎？即使标准画布具有硬件加速，我是否会通过切换到 WebGL 来获得性能提升？

Answer 1

是的，使用 WebGL，您将获得巨大的性能提升。 考虑使用名为Pixi 的优秀2D 渲染系统。 它将精灵渲染到 WebGL，并回退到 Canvas。

或者，您可以使用game-shell 和gl-modules 制作自己的低级WebGL sprite 渲染系统。 gl-now 是这些模块的一个很好的入口点。您可以使用它们来构建自己的游戏引擎。

Phaser，是一个完整的 HTML5 游戏引擎，目前具有很大的吸引力，并在引擎盖下使用 Pixi 进行渲染。比 Stackoverflow 更好地寻求有关所有这些问题的帮助的地方是 http://www.html5gamedevs.com。