HTML5画布游戏性能与替代品

时间:2014-04-25 15:26:27

标签: performance html5-canvas 2d webgl

我正在使用画布开始HTML5游戏的开发。到目前为止事情进展顺利,但我有些事情我有点困惑,主要是与这种游戏的表现有关。因此,在开发过程中,我不会遇到一堆问题,我现在很高兴找到答案。

之前我曾在OpenGL这样的语言中工作,并了解了以有效的顺序渲染事物的重要性,这可以提供数百个更好的性能,而不仅仅是随机地将内容绘制到屏幕来回切换在纹理/着色器等之间。这是我应该用画布游戏记住的东西,还是会自动排队并以有效的顺序呈现?

这将是一个2D游戏,但屏幕上有很多物体,其中大部分动态去饱和并且亮度发生变化(过滤器)。性能是否会成为一个严重的问题?

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

1 个答案:

答案 0 :(得分:6)

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

或者,您可以使用game-shellgl-modules创建自己的低级WebGL精灵渲染系统。 gl-now是这些模块的一个很好的切入点。您可以使用它们来构建自己的游戏引擎。

Phaser,是一个完整的HTML5游戏引擎,目前有很多牵引力,并使用Pixi进行渲染。比Stackoverflow更好地寻找所有这些问题的帮助是http://www.html5gamedevs.com