В дополнение к некоторым из существующих инфраструктур для создания игр, вам следует знать о Burst Engine, который является JS-средой для отображения SVG-анимации в HTML5 Canvas:
http://burst.bocoup.com/
До сих пор я видел, как люди упоминают теги и, но есть и другие вещи DOM, которые жизненно важны для разработки игр на JS / HTML, включая такие, как добавление обратных вызовов EventListener к элементу для таких вещей, как события mousemove и mousedown. Например, это берет первый элемент canvas, который он может найти, и настраивает его так, чтобы при нажатии на холст он вызывал функцию, которую вы определили, с именем shootAtClick:
document.getElementsByTagName ("CANVAS") [0] .addEventListener ('mousedown', shootAtClick, false);
Вы можете увидеть это в действии в этом примере, где я расширил механизм Акихабара, чтобы принять базовое управление мышью. (Нажмите Z, чтобы начать, используйте клавиши со стрелками для перемещения, щелкните мышью, чтобы стрелять в направлении курсора.)