Все більше соціальних програм підтримують внутрішні 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] .
Ігри в Telegram: хто хоче стати мільйонером?