Игра HTML5 (Canvas) - методы пользовательского интерфейса?
Я нахожусь в процессе создания игры 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-technologies / 7115 # 7115