Выбор лучшего игрового движка JavaScript для вашего проекта может быть сложным. Есть множество факторов, чтобы рассмотреть, прежде чем сделать свой окончательный выбор. Не только большие параметры, такие как функции, ограничения и требования, но и мелкие детали, которые часто упускаются из виду, такие как параметры экспорта исполняемых файлов, онлайн-сообщества для совместной работы и поддержки и возможности шаблонов для готовых игр.
Давайте рассмотрим пять лучших игровых движков на JavaScript и то, как каждый из них может складываться для вашего следующего проекта:
Phaser JS Game Engine
Phaser — один из наиболее популярных движков, ориентированных на JavaScript, — он позволяет программистам быстро создавать игры. Система работает в основном с Canvas и WebGL, что позволяет программистам легко создавать полноценные игры как для настольных компьютеров, так и для мобильных устройств. Phaser также является бесплатным и с открытым исходным кодом, с моделью подписки для тех, кто хотел бы помочь поддержать его развитие дальше.
С активным сообществом, которое регулярно участвует в форумах, каналах Slack и Discord, легко получить помощь по Phaser, если вам это нужно. И хотя он не поставляется с возможностью выпуска на несколько устройств из самого Phaser, его кодовая база HTML5 и JavaScript позволяет использовать для развертывания доступные библиотеки-оболочки.
Особенности Phaser
Одним из самых больших преимуществ этого движка является то, что он является полнофункциональным движком, поэтому он не ограничен только одной задачей. Вот список некоторых наборов функций, предоставляемых Phaser:
- построен на WebGL и холсте
- система предзагрузчика
- физические особенности
- обработка спрайтов и анимации
- система частиц
- камера, вход и звуковые системы
- поддержка tilemap
- поддержка масштабирования устройства
- доступность плагина
Начало работы с игровым движком Phaser
Если вы считаете, что Phaser подойдет для вашего проекта, вы можете скачать сам движок на сайте Phaser .
Попробовав почувствовать, как выглядит законченная игра, ознакомьтесь с одной из игр, доступных на CodeCanyon. Birds of War — это полная игра-шутер с полным исходным кодом, а также функциями для мобильных устройств. Аналогичным образом Tower Challenge обладает многими такими же функциями, но также демонстрирует сторонние интеграции API и способы использования физической системы Phaser.
Jaguar Adventure Game Engine
Если вы фанат приключенческих игр, таких как игры LucasArts или Telltale Games, то этот следующий движок для вас. Набор функций для этого движка глубоко уходит в его нишу, что дает ему преимущество перед более обобщенным игровым движком JavaScript для вашего проекта. Большинство функций Jaguar доступны через графический интерфейс, с источником, доступным для любых модификаций, которые вы можете добавить.
Что может сделать Jaguar?
Хотя Jaguar не предлагает широкие возможности для своих движков, он предоставляет важные части для приключенческих игр, такие как:
- элементы управления сценой
- первичные и вторичные действия
- инвентарь и аудиосистемы
- деревья разговоров
И бег с ягуаром
Звучит как двигатель для вашего проекта? Проверьте некоторые из удивительных игровых шаблонов, которые доступны на CodeCanyon , где вы также можете взглянуть на другие функции, которые включены.
CreateJS Suite
Этот набор библиотек JavaScript не является игровым движком и ориентирован на создание интерактивных приложений в мире HTML5. Тем не менее, игры включены в интерактивный медиа-зонтик, поэтому использование CreateJS для вашего проекта вполне разумно. Сочетание EaselJS, TweenJS, SoundJS и PreloadJS, их кульминация обеспечивает инструменты, необходимые для создания вашей игры.
Библиотеки CreateJS
Каждая из библиотек в этом наборе предоставляет вам доступ к множеству инструментов, и вот что некоторые из них могут сделать:
- EaselJS упрощает взаимодействие и работу с элементами HTML5 Canvas.
- TweenJS — это библиотека инструментов анимации и анимации для свойств HTML5 и JavaScript.
- SoundJS предоставляет вам доступ к функциям, облегчающим работу со звуком.
- PreloadJS обеспечивает расширенный контроль загрузки ресурсов и данных.
Добавление CreateJS в ваш рабочий процесс
Если вы ищете полезный набор библиотек без жесткой структуры, которая поставляется с большинством игровых движков, то загляните на сайт CreateJS .
Чтобы начать работу с CreateJS, взгляните на эту игру по нарезке фруктов под названием Katana Fruits на CodeCanyon. Если вы ищете более продвинутую игру для изучения, вдохновленная Zuma игра The Sorcerer обеспечит вам хорошее начало.
P2.js
Если вы уже хорошо разбираетесь в Canvas в HTML5, вам может понадобиться что-то более легкое. P2.js — это обширная библиотека 2D-физики для JavaScript, которая может обрабатывать самые сложные части разработки игр. Это особенно полезно для игр, стремящихся разрушить более традиционные движки JavaScript.
Особенности библиотеки P2.js
Наибольшим преимуществом P2.js являются продвинутые физические реализации, которые выходят за пределы зоны комфорта большинства разработчиков. Вот лишь некоторые из доступных классов и функциональности:
- погрузчики сверху вниз
- системы частиц и лучей
- поддержка нескольких типов пружин
- погрузчики с жестким кузовом
- реакции на столкновения
- поддержка трения, силы, скорости и силы тяжести
Добавление P2.js в ваш проект
Хотите получить продвинутую 2D физику в своей собственной игре? Вы можете получить исходный код P2.js на GitHub . В репозитории GitHub доступно несколько демонстраций, или, если вы хотите увидеть библиотеку в действии, посмотрите этот шаблон игры Lucky Wheel .
BabylonJS
Babylon считается полноценным JavaScript-фреймворком для создания 3D-игр и опыта. Это хороший выбор для 3D и VR. Используя WebGL для графики, набор функций для Babylon достаточно обширен. Он охватывает все, что вы ожидаете от игрового движка JavaScript, но также добавляет дополнительные функции, которые не часто встречаются в свободно доступных системах, такие как обработка Mesh.
Хотя его сообщество, кажется, ограничено форумом, оно довольно активно, и большинство людей с вопросами получают ответы, которые им нужны.
BabylonJS Функциональность
Перечисленных функций для Babylon достаточно, чтобы написать целую статью в одиночку, поэтому вот некоторые из наиболее значимых:
- инструменты поддержки и экспорт для Unity, Blender, Maya и 3ds Max
- основные компоненты игрового движка, такие как выбор сцены, обработка столкновений и графики сцен
- системы частиц и анимации
- оптимизация производительности, такая как усечение усечения, масштабирование оборудования и запросы окклюзии
- системы шейдеров, рендеринга и текстур
- экспансивная поддержка сетки
С чего начать с BabylonJS
Если ваш 3D-игровой проект может использовать повышение, вы можете взглянуть на исходный код и документацию для BabylonJS на их официальном сайте . Они предлагают ряд учебных пособий и примеров, которые помогут вам начать работу.
Какие ваши любимые игровые движки JavaScript?
Мы говорили о некоторых из лучших фреймворков, доступных для игр JavaScript, но это далеко не полный список. У тебя есть свой любимый? Не стесняйтесь рассказать нам все об этом в комментариях!