多平台 HTML5 游戏 DOM+CSS vs CANVAS vs both答案

【问题标题】：Multiplatform HTML5 games DOM+CSS vs CANVAS vs both多平台 HTML5 游戏 DOM+CSS vs CANVAS vs both
【发布时间】：2013-11-07 14:27:01
【问题描述】：

在过去的几个月里，我构建了一些 HTML5 游戏，并且一直在使用 createJS 套件并将所有内容渲染到画布上。

我选择画布的原因是让它跨平台工作似乎更容易，因为我可以缩放画布以适应屏幕并且一切都很完美。好吧，在大多数设备上！性能在较旧的 android 和 ios 设备上是一个问题，但并不可怕。

我的下一个 HTML5 是一个大人物，以前的游戏只是简单的点击、问答式游戏，动画很少，菜单也很少。这是一顿更大的晚餐，有更多的菜单、交互式对象，但同样只有简单的动画。但它涉及一个可泛化（是那个词）的环境。

我更倾向于将 DOM 和 CSS 用于 HUD 项目和菜单，它们将覆盖在画布之上，运行主可平移环境。

我知道这可能需要更多时间来使用多个 CSS 媒体查询来处理多个屏幕分辨率，甚至是针对较小分辨率的不同布局（例如从 HUD 中隐藏某些标签或其他）

我正在寻找主要是性能方面的技术比较，同时也想找出哪些方法是“最佳实践”。

如果能看到一些使用这些不同方法（甚至是我不知道的其他方法）的多平台游戏示例，看看它们是如何进行的并测试性能，那也很不错。 :)

【问题讨论】：

对于投票结束的人，我知道这可能有点离题。如果有一个 StackExchange 论坛更适合这个问题，请告诉我...
Canvas vs SVG for simple games的可能重复
@aug 这不是一个简单的游戏......
对重复问题的答案总体上很好地概述了 SVG 与 Canvas（无论是大游戏还是小游戏），但您可能是对的，它不是完全重复的。无论如何，仍然在标记以供模组决定。同样对于其他 StackExchange 站点，您可能想尝试Game Development
@aug：通常最好标记出完全重复的内容，但在这种情况下，它确实取决于具体情况，而且范围相当广泛。

【解决方案1】：

这绝对取决于游戏的复杂性。去年，我尝试开发一个带有可平移地图的完整 DOM 游戏。但是遇到了很多性能问题和设备不一致，我不得不放弃。现在我不记得确切的值了，但是对于“非常简单”之后的任何游戏来说，使浏览器不稳定的 DOM 元素的数量非常少。

我肯定会尝试你提到的，在画布环境上的 DOM 界面。无论如何，保持简单！

【讨论】：

【解决方案2】：

您绝对应该选择一个简单的解决方案。如果我是你，我会继续使用 createJS 套件，因为它包含你需要的一切。如果你问我，它真的很好，不会给你带来性能问题。从来没有遇到过问题。

【讨论】：