HTML5游戏(画布) - UI技术？

Question

我正在使用PhoneGap为移动设备(Android/iPhone/WebOS)构建JavaScript/HTML5游戏(使用Canvas).我目前正在尝试设计如何构建UI和游戏板以及它们应该如何交互,但我不确定最佳解决方案是什么.这是我能想到的 -

1. 使用drawImage和fillText之类的东西将UI直接构建到画布中
2. 使用常规DOM对象在画布外部构建UI的一部分,然后在UI元素需要与播放板画布重叠时在画布上浮动div.

有没有其他可能的技术可用于构建我没想过的游戏UI？另外,哪些被认为是"标准"方式(我知道HTML5游戏不是很受欢迎,所以可能还没有"标准"方式)？最后,您推荐/使用哪种方式？

提前谢谢了!

编辑

我已将此问题移至gamedev.stackoverflow.com.你可以在这里找到新的问题:https://gamedev.stackexchange.com/questions/7090/html5-game-canvas-ui-techniques/7115#7115

Answer 1

我认为这没有一个“标准”。这很大程度上取决于您的用户界面。我认为在大多数情况下使用 DOM 元素更好，因为您不需要自己构建所有 UI 组件、事件等。可以使用 CSS 设置它们的样式以实现所需的外观。如果这还不够，您可能需要自己构建界面元素，但您应该确保确实需要这样做。推出自己的解决方案可能需要大量工作。