Blend4Web

Подготовка аудиовизуального контента для Blend4Web осуществляется в пакете 3D-моделирования и анимации Blender. Контент воспроизводится посредством WebGL, Web Audio и других стандартных браузерных технологий, без использования каких-либо расширений^[1].

Фреймворк распространяется на условиях двойного лицензирования: под открытой GPLv3 и коммерческой лицензиями. Исходный код размещён в репозитории на GitHub^[2].

3D-сцена строится в Blender и экспортируется в формате JSON и бинарном файле для дальнейшей загрузки веб-приложением. Также поддерживается экспорт в единый автономный HTML-файл, содержащий все экспортируемые данные, пользовательский интерфейс веб-плеера и исполняемый код^[3]. Экспорт в HTML считается самым простым способом работы с Blend4Web^[4]. Итоговый файл минимального размера порядка 1 МБ может быть встроен в веб-страницу через стандартный элемент <iframe>^[5]. Веб-приложения на базе Blend4Web можно развёртывать в популярных социальных сетях, включая Facebook^[6] и ВКонтакте.

В состав Blend4Web входят библиотеки JavaScript, дополнение (плагин) для Blender и набор утилит для настройки параметров 3D-сцен, отладки и оптимизации.

Разработка Blend4Web была начата в московской компании «Триумф» в 2010 году. Первый публичный релиз состоялся 28 марта 2014 года^[7].

Фреймворк содержит компоненты, типичные для игровых движков, включая систему позиционирования источников звука, физический движок (форк Bullet, портированный на JavaScript), систему анимации и слой абстракции для программирования игровой логики^[8].

Можно назначать до 8 анимаций разного типа на объект, включая скелетную и вершинную анимацию. Скорость, направление анимации и параметры частиц (размер, начальная скорость, количество) управляются через API^[9].

Есть поддержка динамической загрузки и выгрузки данных, карт освещения, симуляция подповерхностного рассеивания^[10].

Реализованы средства для рендеринга наружных сцен: симуляция ветра, воды, атмосферные эффекты. Это продемонстрировано в демо «Ферма», где присутствуют анимированные неигровые персонажи, реализованы перемещение по локации (от первого лица), взаимодействие с объектами и управление транспортом^[11].

Blend4Web работает во всех основных браузерах^[12], в том числе на мобильных устройствах^[13]. Однако, в браузерах с экспериментальной реализацией WebGL (например, Internet Explorer) возможности Blend4Web частично ограничены^[14]. Также существуют приложения, работающие в Tizen, в частности, на Samsung Gear S2^[15].

Среди технических особенностей отмечают оптимизацию через комбинирование вызовов отрисовки, отсечение скрытых объектов, вынесение физических расчётов в отдельный поток, симуляцию морских волн^[16].

С версии 14.09 появился инструмент для визуального программирования интерактивности в 3D-сценах, напоминающий редактор логики движка Blender: используются визуальные блоки, размещаемые прямо в интерфейсе Blender. Анимации, созданные художником, проигрываются при взаимодействии пользователя со сценой^[17][18].

С версии 15.03 реализована поддержка аннотирования (привязки HTML-элементов к 3D-объектам, например, окон с информацией) и инстанцирования объектов во время работы приложения^[19].

Среди эффектов постобработки поддерживаются свечения (glow), bloom, глубина резкости, сумеречные лучи, размытие при движении и SSAO^[20].

В конце 2015 года появилась поддержка устройств виртуальной реальности — реализована работа с Oculus Rift через экспериментальный API WebVR^[21].

Дополнение для Blender написано на Python и C, и может быть собрано для Linux x86/x64, macOS x64 и Windows x86/x64.

Профиль Blend4Web активируется в настройках плагина; при переключении на него происходит перестройка интерфейса Blender и удаление неподдерживаемых параметров^[22].

Blend4Web поддерживает типичные для Blender функции, такие как узловой редактор материалов (в том числе визуальное программирование шейдеров)^[23], систему частиц^[24]. Поддерживается начальная работа с редактором нелинейной анимации (NLA).

Для WYSIWYG-сходства рекомендуется использовать режим рендеринга GLSL, присутствующий в Blender^[25].

Аналогично встроенному игровому движку Blender Game Engine (BGE), Blend4Web загружает сцены, подготовленные в Blender, без дополнительных редакторов^[4]. Приложения на Blend4Web работают в браузере; BGE запускает сцены как отдельные программы^[26][27]. API Blend4Web реализованы на JavaScript, в отличие от Python-API встроенного BGE. В Blend4Web визуальный редактор логики не поддерживается; вместо него рекомендуется стандартная веб-разработка.

В Unity экспорт в WebGL появился с версии 5^[28]. Однако поддержка WebGL находится в экспериментальном режиме: не планируется полноценная поддержка мобильных устройств, системы звука, видеотекстур^[29].

Библиотека Three.js требует программирования даже для простых задач, что повышает порог вхождения; в Blend4Web большая часть подготовки презентаций возможна без программирования^[30].

NASA разработало интерактивное веб-приложение к третьей годовщине посадки марсохода Кьюриосити^[31]. В этом приложении^[32], созданном на Blend4Web, реализовано движение ровера, управление камерами и манипулятором, а также ряд событий миссии^[33][34]. Приложение демонстрировалось на секции WebGL конференции SIGGRAPH 2015 года^[35].