ожусь в процессе создания игры JavaScript / HTML5 (с использованием Canvas) для мобильных устройств (Android / iPhone / WebOS) с PhoneGap. В настоящее время я пытаюсь определить, как должен быть построен пользовательский интерфейс и игровая доска, и как они должны взаимодействовать, но я не уверен, какое из них является лучшим решением. Вот что я могу придумать -

Создайте пользовательский интерфейс прямо на холсте, используя такие вещи, как drawImage и fillTextСоздайте части пользовательского интерфейса вне холста, используя обычные объекты DOM, а затем поместите div над холстом, когда элементы пользовательского интерфейса должны перекрывать холст игровой доски.

Существуют ли другие возможные методы, которые я могу использовать для создания игрового интерфейса, о которых я не думал? Кроме того, какой из них будет считаться «стандартным» способом (я знаю, что HTML5-игры не очень популярны, так что, вероятно, пока нет «стандартного»)? И, наконец, какой путь вы бы порекомендовали / использовали?

Спасибо заранее!

РЕДАКТИРОВАТЬ

Я перенес этот вопрос на gamedev.stackoverflow.com. Вы можете найти новый вопрос здесь:https://gamedev.stackexchange.com/questions/7090/html5-game-canvas-ui-techniques/7115#7115