Все больше социальных приложений поддерживают внутренние HTML5-игры: помимо Telegram и Facebook Messenger, эту функцию получило мобильное приложение ВКонтакте. Достоинство HTML5-игр в том, что их легко создавать и распространять, а кроссплатформенность делает платформу HTML5 идеальной для создания многопользовательских игр. Мы рассмотрим основные инструменты и движки для разработки HTML5-игр, а также возможности их распространения.
Фреймворки и движки
HTML5-игру можно разработать с нуля, но удобнее и проще это будет сделать при помощи многочисленных движков и фреймворков. Вот лишь некоторые из них:
Фреймворк для разработки 2D-игр, он предназначен не только для профессиональных разработчиков, но и для людей, неумеющих программировать: дизайнеров, художников или студентов. В комплекте доступно более 20 плагинов и 70 визуальных эффектов для создания игры, которую затем можно сразу же опубликовать на нескольких платформах. Construct 2 можно попробовать бесплатно, а полная версия инструмента стоит 6299,9 рублей.
Бесплатный движок с открытым исходным кодом позволяет создавать игры с применением Canvas и библиотеки WebGL. На сайте Phaser доступно множество примеров и обучающих статей, которые помогут вам в создании собственной игры.
Набор open source-библиотек для разработки игр: EaselJS предназначена для работы с HTML5 Canvas, SoundJS — для работы с аудио, TweenJS — для создания анимаций, а PreloadJS — для управления загрузкой всех необходимых элементов.
Движок для создания 3D-игр с использованием WebGL. Исходный код проекта открыт и постоянно обновляется.
Движок, позволяющий создавать 2D и 3D-игры и размещать в этих играх рекламу для получения прибыли. PlayCanvas бесплатен для публичных проектов, можно приобрести и одну из двух платных версий с расширенными функциями.
Ппо словам создателей, основным преимуществом PixiJS является скорость рендеринга. Движок полностью бесплатен, он предназначен для создания 2D-приложений: много примеров доступно на сайте проекта.
Существуют и другие полезные инструменты, обширный список фреймворков для разработки HTML5-игр доступен на GitHub. Есть даже отдельный сайт, посвященный игровым движкам для HTMl5: HTML5gameengine.com.
Врапперы
При помощи врапперов можно превратить HTML5-игру в нативную для размещения в магазинах приложений.
Ejecta изначально была частью движка Impact, но она может работать и с другими проектами. Этот враппер предназначен для публикации HTML5-игр на iOS.
PhoneGap — бесплатный фреймворк, основанный на Apache Cordova; он позволяет преобразовывать JavaScript, HTML5 и CSS в приложения для мобильных платформ.
Похожими функциями обладает и open source-платформа Game Closure, но она не обновлялась уже некоторое время, а её разработчики занялись созданием “универсальной среды для создания и распространения приложений” Blackstorm.
Платформы для распространения
Кроссплатформенные HTML5-игры удобно и просто распространять через мобильные приложения социальных сетей и мессенджеры.
Недавнее обновление приложения ВКонтакте включает в себя платформу Direct Games, для которой модераторы будут отбирать лучшие проекты. Чтобы предложить свою игру, нужно интегрировать в код Mobile SDK ВКонтакте и подать заявку на модерацию.
В Facebook добавить свою игру можно при помощи плагина для движка Cocos2d-X. Пока это единственный широко доступный способ загрузить свою игру в Facebook, так как платформа Instant Games для Messenger пока доступна для разработчиков в режиме закрытого бета-тестирования. 
В Telegram опубликовать свою игру проще всего: создать её можно при помощи специального бота.
Существует и ряд более традиционных платформ, занимающихся публикацией и дистрибуцией HTML5-игр: Kongregate, CoolGames, Softgames, itch.io, Gamemix и другие. Все они позволяют разместить свою игру бесплатно и монетизировать её при помощи рекламы, внутриигровых покупок или freemium-модели. Также недавно Rakuten Games запустила в Японии HTML5-платформу для социальных игр – R Games.
Обучение
Научиться созданию HTML5-игр можно при помощи многочисленных курсов: курс от Google на Udacity, вводный курс от Zenva Academy или Udemy, также можно воспользоваться статьями от Mozilla Developer Network. В целом, сообщество разработчиков HTML5-игр достаточно развито, есть даже отдельный сайт с форумами для разработчиков.
Учитывая рост количества платформ для распространения игр и разнообразные инструменты для их создания, HTML5-игры могут стать хорошей точкой входа в геймдев-индустрию.