Как стать автором
Обновить

Подборка материалов для начинающего разработчика игр на JavaScript

Время на прочтение2 мин
Количество просмотров10K
Предоставленные ниже материалы затрагивают лишь основы, то самое начало, с которого можно стартовать человеку, решившему создать игру но не знающему с чего начать. Хорошим вариантом будет изучение соответствующей литературы, статей или же рассмотрения примеров уже готовых игр, а так же просмотр исходников разных программ и решений.

Данные материалы не претендуют на то, чтобы показать «как надо делать», они лишь помогут наглядно понять, что и как работает, а вот как правильно это сделать — решит только сам разработчик. Однако, кого-то эти материалы могут замотивировать на дальнейшую работу, так как они достаточно наглядны и объясняют простоту создания игр на JavaScript.

1. Рассмотрение понятия requestAnimationFrame.
Для современной игры на JavaScript можно использовать событийную модель поведения, когда игра будет реагировать на события игрока, проявляя свою интерактивность, а можно воспользоваться игровым циклом, который будет отслеживать состояния игровых объектов, следить за логикой и реагировать на пользователя. О таком цикле и идет речь:
Смотреть


2. Взгляд на музыку в игровом приложении.
Когда разработчик понимает, что одного игрового цикла может быть недостаточно, и кроме графики и анимации можно включить в игру звук, на помощь придет HTML5 Audio. Давайте рассмотрим простоту и доступность метода работы со звуком.
Смотреть


3. Работа с переводчиком от Яндекса в приложении на JavaScript.
Может возникнуть такая ситуация, что вам может потребоваться перевод тех или иных слов, либо же создать прикольную игрушку, в которой пользователю нужно отгадывать переводы каких-нибудь слов. В этом случае можно воспользоваться переводчиком от Яндекса, а точнее — его API, которое можно использовать из приложения на JavaScript.
Смотреть


4. Воспроизведение любого текста через Яндекс Speech Kit.
Иногда вам может потребоваться озвучка какого-то текста, и чтобы не писать костылей на PHP или C, и не нагромождать сервер (если он есть) различной работой по озвучке, можно воспользоваться уже готовым решением от того же Яндекса. Ниже материал о том, как использовать API «читалки текста» из приложения на JavaScript.
Смотреть


5. Анимация изображения на JavaScript.
Помимо анимации различных примитивов в игровом приложении на JS есть возможность использования canvas для отрисовки изображений. В данном материале представлена подробная информация о том, как анимировать любое изображение на canvas используя JavaScript.
Смотреть


6. Полноэкранный режим в JavaScript.
Некоторые игры комфортно проходить, когда они развернуты на весь экран. Технологии HTML5 позволяют это сделать достаточно просто.
Смотреть


8. Обработка событий клавиатуры, множественные нажатия, коды клавиш и символы.
Любая игра подразумевает какую-то интерактивность. Здорово, когда играть можно одной лишь мышью, но помимо мыши у большинства ПК пользователей есть клавиатуры, так почему бы ею не воспользоваться? Материал рассматривает работу с клавиатурой, обработку одной клавиши, множества клавиш, их комбинаций и событий клавиатуры в целом.
Смотреть



UPD
Данные материалы не являются инструкцией к применению, они лишь призваны показать простоту вхождения в процесс разработки игр на JavaScript.
Теги:
Хабы:
Всего голосов 12: ↑6 и ↓60
Комментарии4

Публикации

Истории

Работа

Ближайшие события

27 августа – 7 октября
Премия digital-кейсов «Проксима»
МоскваОнлайн
3 – 18 октября
Kokoc Hackathon 2024
Онлайн
10 – 11 октября
HR IT & Team Lead конференция «Битва за IT-таланты»
МоскваОнлайн
25 октября
Конференция по росту продуктов EGC’24
МоскваОнлайн
7 – 8 ноября
Конференция byteoilgas_conf 2024
МоскваОнлайн
7 – 8 ноября
Конференция «Матемаркетинг»
МоскваОнлайн