Javascript DOM vs. Canvas для разработки мобильных игр

Question

Я планирую сделать мобильную игру, используя каркас Phonegap. Моя текущая идея состоит в том, чтобы иметь мяч и иметь возможность перемещать мяч с помощью акселерометра на телефоне. Я также планирую добавить в игру другие объекты (например, врага, стены и т. Д.).

Методы

1. HTML5 - Я провел некоторое исследование и видел, как на холсте html5 использовался много для таких игр.
2. jQuery - Я также заглянул в jQuery и увидел несколько действительно хороших пример игр, написанных на jQuery.

У меня нет опыта работы с html5, и я искал тег canvas. Из того, что я понимаю, (поправьте меня, если я ошибаюсь) тег холста должен быть очищен, чтобы переместить изображение или форму. Хотя jQuery может изменять CSS для изображения и иметь возможность перемещать его с помощью CSS.

Поработав с образцом игры jQuery со схожими характеристиками, я заметил, что игра имеет тенденцию время от времени отставать. Я бы предпочел метод, который не задерживает игру.

Какой подход мне выбрать, чтобы сделать игру с характеристиками упомянутое выше? Если вы знаете другой метод, который будет работать с рамки PhoneGap, пожалуйста, дайте мне знать.

Answer 1

Попробуйте Game Maker: HTML5 - в данный момент он находится в бета-версии, но я уже давно его использую, и, судя по звукам, это именно то, что вы ищете.

Answer 2

Вы правы, холст нужно очищать каждый раз, или графические элементы будут просто добавляться на холст (может сделать некоторые интересные эффекты).jQuery, как правило, более полезен для веб-разработки, чем для разработки игр, в то время как HTML5 очень универсален.Я настоятельно рекомендую заняться разработкой базовой игры на HTML5, но нет никаких причин, по которым вы не можете использовать jQuery рядом с ним, где это уместно и / или удобно.