Смотреть demo/index.html как пример запуска и создания игры.
Для стилевого оформления в демочку подключаются следующие фрэймворки:
- bootstrap (требует для себя jQuery)
- jQuery
Главный класс игры ArrowGame принимает 1 параметр при запуске:
- listenElement: ID элемента или сам элемент, на котором слушаются события нажатия клавиш.
Если хочется слушать ключи глобально, на всей странице, лучше передавать
document.
game.start();- запуск игры.game.stop();- остановка игры.game.onStart();- установка обработчика события старта игры. См. демо.game.onPlay();- установка обработчика события каждого тика игры. См. демо.game.onStop();- установка обработчика события завершения игры. См. демо.
Смотреть src/game.js, объект настроек ArrowGame.CONFIG.
- Поле
interval(числовое значение, устанавливается в миллисекундах). Задает, сколько времени дается пользователю на нажатие клавиши. - Поле
keys: массив объектов. Каждый объект содержит сообщение, которое будет выведено для пользователя (например, "Not Left Key") и список кодов клавиш (массивkeyCodes), который содержит список кодов клавиш, удовлетворяющих условию. Это позволяет, например, задавать задачи типа "Нажмите Shift" или "Нажмите гласную букву" или "Нажмите звонкую согласную".