Verge3D

Verge3D позволяет пользователям создавать интерактивный контент с помощью популярных программ для 3D-моделирования — в настоящее время поддерживаются Blender, Autodesk 3ds Max и Autodesk Maya, — конвертируя трёхмерные сцены в форму, пригодную для просмотра в браузере^[4][5].

В 2017 году руководитель разработки открытого фреймворка Blend4Web Юрий Ковеленов объявил о выходе из проекта^[6] и создании нового движка, который получил название Verge3D. Вместо специализированного формата экспорта JSON был предложен стандартный glTF^[7]. Для развития проекта была основана новая компания Soft8soft^[8], которая в итоге полностью перешла на коммерческую модель разработки.

Verge3D использует технологию WebGL для отображения графики. Ядро движка включает компоненты библиотеки Three.js и даёт разработчикам приложений доступ к её API^[9].

Puzzles

Функциональность приложений может быть добавлена как через программирование на JavaScript, так и без написания кода при помощи визуальной среды программирования Puzzles, расширяющей фреймворк Google Blockly. Среда Puzzles предназначена главным образом для непрограммистов и позволяет создавать интерактивные сценарии, соединяя между собой логические блоки методом drag-and-drop^[10].

App Manager

App Manager — легковесная браузерная программа для создания, управления и публикации проектов, включающая локальный сервер разработки^[11]. Встроенный в App Manager облачный сервис Verge3D Network позволяет публиковать веб-приложения на Amazon S3 и EC2^[12].

PBR

Для создания материалов реализован совместимый со стандартом glTF 2.0 рабочий процесс, основанный на физически корректном рендеринге (PBR, physically-based rendering). Также поддерживается работа с нативными системами материалов трёхмерных редакторов^[13][14]. Текстуры PBR могут быть созданы в сторонних программах, таких как Substance Painter, для которого Verge3D предлагает специальный профиль экспорта^[15].

glTF и интеграция

Verge3D интегрирован с Blender, 3ds Max и Maya, что позволяет создавать геометрию, материалы и анимацию в привычной среде выбранного редактора и экспортировать сцену в формат glTF. Функция Sneak Peek позволяет экспортировать и просматривать сцену непосредственно, без предварительного создания проекта^[16][17][18].

Facebook 3D posts

Для публикации 3D-сцен в ленте Facebook поддерживается экспорт в формат GLB^[19]. Такие GLB-файлы можно открывать в App Manager^[20].

Компрессия ресурсов

Экспортированные файлы могут быть дополнительно сжаты с помощью алгоритма LZMA^[21], что позволяет уменьшить объём передаваемых данных в среднем в шесть раз^[22].

Пользовательский интерфейс

Интерфейс пользователя, созданный в сторонних HTML-редакторах, может быть связан с объектами 3D-сцены с помощью редактора Puzzles. Таким образом, пользовательские события могут влиять на сцену и наоборот — действия в сцене модифицируют элементы HTML-окружения^[23][24].

Физика

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

AR/VR

Начиная с версии 2.10, поддерживается технология WebXR, позволяющая работать с устройствами виртуальной и дополнённой реальности прямо из браузера. Среди поддерживаемых устройств — шлемы HTC Vive, Oculus Rift, а также устройства класса Google Cardboard. Приложения для AR/VR можно создавать как с помощью визуального редактора Puzzles, так и на JavaScript^[27].

Рабочий процесс в Verge3D отличается от других WebGL-фреймворков акцентом на доступности не только для программистов. Разработка нового приложения — это последовательность шагов моделирования, текстурирования и анимации объектов в 3D-редакторе. Готовые модели собираются в сцену и сохраняются в едином файле (*.blend, *.max или *.mb), который далее используется для инициализации проекта в App Manager. При желании к проекту можно добавить интерактивный сценарий через редактор Puzzles. Приложение можно запускать в браузере с любой стадии разработки. Готовые веб-приложения публикуются в облаке Verge3D Network, в новостной ленте Facebook или на сайте пользователя^[28].