html - 实现 HTML5 等距游戏的最佳方式？

Question

你会怎么说，使用 canvas 还是 webGL？

我在某处读到 Canvas 的性能不是很好，因为目前它基于 DOM 或类似的东西。另一方面，webGL 还没有得到很好的支持。而且我猜它也更难学。

游戏是“2.5”D - 它不需要 3D。但 wegGL 可以产生良好的效果，因为它是在显卡中处理的。如果我发现它确实提供了我无法使用 canvas 的优势(性能、效果等)，那么我可以接受跨浏览器对它的支持不佳这一事实。

我不介意陡峭的学习曲线。重要的是游戏具有良好的可扩展性，最终表现良好，并且大多数功能都有可能成为可能。

希望得到一些好的意见，在此先感谢!

Answer 1

2D Canvas 在这里很适合您。

数学运算将比使用 WebGL 容易得多，而且 2D Canvas 现在在每个主要桌面浏览器上都经过硬件加速，并且在移动设备上比 WebGL 获得更广泛的支持。

Canvas 并不慢，因为它是一个 DOM 元素，理想情况下，您唯一接触 DOM 的时间是在获取上下文时。郑重声明，触摸 DOM 总是很慢，但您只需那样做一次。

Neurofluxation 在 StackOverflow 上提出了一些关于等距 Canvas 游戏的教程以及一些很好的问题，但他出于某种原因从他的问题中删除了大部分相关代码，这有点遗憾。