谷歌浏览器硬件加速使游戏运行缓慢

Question

因此，我一直在使用 HTML5 画布开发游戏，并注意到当在 Google Chrome 中打开硬件加速时，游戏会滞后并且运行速度要慢得多。你可以自己试试here

通过进行一些分析，我发现问题在于drawImage。 更具体地说，将一个画布绘制到另一个画布上。我经常这样做。

硬件加速开启。

硬件加速关闭。

从一张画布到另一张画布是否缺少一些基本的东西？为什么差异会如此深远？

Answer 1

如果我没记错的话，在 Chrome 中，DOM 内的画布会加载到 GPU 内存中，而 DOM 外的画布可能不会。因此，从屏幕外画布到屏幕画布的每个 drawImage 都会将画布的内容作为纹理加载到 GPU 上，然后将 GPU 上的内存副本加载到屏幕画布上。将新纹理发送到 GPU 的成本可能非常高。在大多数 GPU 上，加载纹理的吞吐量很高，但延迟也很高。

Chrome 团队的人必须插话给出明确的答案，但这符合我在 Chrome 中使用画布的经验。