在Canvas-Games中的UI

我对使用<canvas/>和WebGL进行编程相当陌生,但对HTML5非常熟悉。 到目前为止,我已经在<canvas/>上渲染了一些实体。 接下来是添加一个简单的HUD。

不过,我想知道,为HUD和UI元素使用HTML标签是不是一个好主意? 这将使他们更容易创建,但也许会对性能产生重大影响。 是否值得做一个<canvas/> – 只有HUD引擎?

我甚至试图用<div/> -Elements来replace精灵,因为它们只是旋转和移动,所以也许一个CSS旋转更适合?

我使用Dojo UI在canvas上进行了初步testing,发现性能很糟糕。 这引发了一些关于canvas渲染的UI工具包的可用性的研究。 我很高兴能够遇到Zebra UI,并将它集成到我的游戏引擎中取得了巨大的成功。

作者与Zebra的用户群非常接近,在解决问题和讨论新function时非常欢迎。 我强烈建议使用Zebra UI。

http://www.zebkit.com/