Інструменти для створення та поширення HTML5-ігор

1. Фреймворки і движки
2. врапперов
3. Платформи для поширення
4. навчання

Все більше соціальних програм підтримують внутрішні HTML5-ігри: крім Telegram і Facebook Messenger , Цю функцію отримало мобільний додаток ВКонтакте . Гідність HTML5-ігор в тому, що їх легко створювати і поширювати, а кроссплатформенность робить платформу HTML5 ідеальної для створення багатокористувацьких ігор. Ми розглянемо основні інструменти і движки для розробки HTML5-ігор, а також можливості їх поширення.

HTML5 став основною ігровою платформою

Фреймворки і движки

HTML5-гру можна розробити з нуля, але зручніше і простіше це буде зробити за допомогою численних движків і фреймворків. Ось лише деякі з них:

Construct 2

Фреймворк для розробки 2D-ігор, він призначений не тільки для професійних розробників, але і для людей, які не вміють програмувати: дизайнерів, художників або студентів. У комплекті є більше 20 плагінів і 70 візуальних ефектів для створення гри, яку потім можна відразу ж опублікувати на декількох платформах. Construct 2 можна спробувати безкоштовно, а повна версія інструменту варто 6299,9 рублів.

Phaser

Безкоштовний движок з відкритим вихідним кодом дозволяє створювати гри із застосуванням Canvas і бібліотеки WebGL. На сайті Phaser є безліч прикладів і навчальних статей, які допоможуть вам у створенні власної гри.

CreateJS

Набір open source-бібліотек для розробки ігор: EaselJS призначена для роботи з HTML5 Canvas, SoundJS - для роботи з аудіо, TweenJS - для створення анімацій, а PreloadJS - для управління завантаженням всіх необхідних елементів.

three.js

Д віжок для створення 3D-ігор з використанням WebGL. Вихідний код проекту відкритий і постійно оновлюється.

PlayCanvas

Д віжок, що дозволяє створювати 2D і 3D-ігри і розміщувати в цих іграх рекламу для отримання прибутку. PlayCanvas безкоштовний для публічних проектів, можна придбати і одну з двох платних версій з розширеними функціями.

PixiJS

ППО словами творців, основною перевагою 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 опублікувати свою гру найпростіше: створити її можна за допомогою спеціального бота .

Ігри в 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-ігри можуть стати хорошою точкою входу в геймдев-індустрію.

Якщо ви знайшли друкарську помилку - виділіть її та натисніть Ctrl + Enter! Для зв'язку з нами ви можете використовувати [email protected] .