javascript - HTML5 游戏、 Canvas 还是 div？

Question

我计划使用 JavaScript 在 HTML5 中创建一个实时多人平台游戏。在网上搜索了大约 4 个小时后，我找不到关于这个永恒问题的最新答案:使用 DOM 渲染我的游戏会比在 Canvas 中渲染它更快吗？游戏将是整个文件。 2/4 的玩家会在 map 上跳跃并互相射击，炸弹会爆炸。所以？会是什么。我记得我 2 年前用 DOM 制作了一个绘图应用程序，它运行起来还算顺利，但我想现在 Canvas 速度更好了？谢谢你们。

附言我也想到了使用 Dart。

Answer 1

我使用 Canvas ，并且会说做同样的事情，因为它是一种直接绘图模式。但是，您绝对应该确保它尽可能被强制进入硬件加速。您可以通过设置 <canvas> 的样式来做到这一点元素转化为transform:translateZ(0); (或不同的浏览器解释，例如 -webkit-transform:translateZ(0); )。操作 DOM 可能会很慢，因为 Canvas 越来越接近 native 代码，尤其是使用简单的方法来发挥它的最大性能。

我的游戏似乎在不同的平台上运行良好 - 并非在每个平台上都运行良好(较旧的 Android 操作系统滞后，但它们的 JS 和浏览器渲染引擎开始时并没有那么快)，但在许多平台。