Performance HTML5画布游戏性能与备选方案

Performance HTML5画布游戏性能与备选方案,performance,html5-canvas,2d,webgl,Performance,Html5 Canvas,2d,Webgl,我开始使用画布开发HTML5游戏。到目前为止一切都很顺利,但我有一些事情让我有点困惑,主要是和这类游戏的表现有关。因此,与其在开发过程中遇到一大堆问题,不如现在就去发现 我以前曾在OpenGL等语言中工作过,并了解到以高效的顺序呈现事物是多么重要,这比只是在屏幕上随机绘制东西在纹理/着色器之间来回切换等性能要好几百倍。这是我在画布游戏中应该记住的,还是会自动排队并以有效的顺序渲染 这将是一个2D游戏,但屏幕上有相当多的对象,并且大多数对象动态地去饱和并改变亮度(滤镜)。性能会成为一个严重的问题吗

我开始使用画布开发HTML5游戏。到目前为止一切都很顺利,但我有一些事情让我有点困惑,主要是和这类游戏的表现有关。因此,与其在开发过程中遇到一大堆问题,不如现在就去发现

我以前曾在OpenGL等语言中工作过,并了解到以高效的顺序呈现事物是多么重要,这比只是在屏幕上随机绘制东西在纹理/着色器之间来回切换等性能要好几百倍。这是我在画布游戏中应该记住的,还是会自动排队并以有效的顺序渲染

这将是一个2D游戏,但屏幕上有相当多的对象,并且大多数对象动态地去饱和并改变亮度(滤镜)。性能会成为一个严重的问题吗


有哪些替代方案,可以帮助提高性能的javascript游戏引擎?即使standard canvas具有硬件加速功能,我还是要通过切换到WebGL来获得性能提升吗?

是的,通过WebGL,您将获得巨大的性能提升。 考虑使用所谓的优秀二维渲染系统。 它将精灵渲染到WebGL,并返回到画布

或者,您可以使用和创建自己的低级WebGL sprite渲染系统。是进入这些模块的良好切入点。您可以使用它们来构建自己的游戏引擎


,是一个完整的HTML5游戏引擎,目前有很大的吸引力,并使用Pixi进行渲染。对于所有这些问题,比Stackoverflow寻求帮助更好的地方是。

我正在尝试Phaser,到目前为止它的性能似乎相当好。使用phaser,我拥有我所希望的功能和性能。非常感谢。