Web Player JSON. Практический подход

В первой статье я сравнил два способа быстрого создания приложений WebGL и наглядно доказал, что Web Player JSON имеет несомненные преимущества перед обычным Web Player HTML. Все, кто не согласен или прошляпил данную статью, просьба ознакомиться сначала с ней. Мы же пойдем дальше...

Создание JSON — что может быть проще! Открыл Blender, нарисовал сцену, выбрал Export Blend4Web (JSON) и… задумчиво почесал репу. Действительно, теперь нужно разобраться, как его использовать. Начнем с самого начала.

В SDK Blend4Web имеется замечательный инструмент под названием Project Manager. Его создатели позаботились и продолжают задумываться о том, как не оставить пользователей один на один с командной строкой. Открою маленький секрет, все операции по обслуживанию проектов выполняются с помощью скриптов на Python. Если вы считаете себя крутым гиком, то можете заглянуть в эту часть документации. Простым смертным достаточно изучить возможности проектного менеджера.

Как вы, наверное, знаете, для работы с настройками Blend4Web необходимо переключиться в одноименный режим (на рисунке выделено красным). Затем для запуска менеджера достаточно нажать кнопку "Project Manager". Пара секунд ожидания и откроется веб-браузер со столь необходимым нам приложением.

Любая работа с проектом начинается с его создания. Для этого служит кнопка "Create New Project". Нажмите её и увидите это...

Это окно настройки будущего приложения. Здесь масса опций и не все поместились на экране.

Самое главное, вы должны дать название вашему шедевру в строке Project Name и установить галочку в опции Web Player JSON. Теперь достаточно нажать кнопку Create Project для создания проекта, но не спешите. Есть еще несколько полезных возможностей, которыми не грех было бы воспользоваться.

По умолчанию, Project Manager создает пустой проект в указанной папке. Толку от этого пока не особенно много, но вы можете заставить программу выполнить некоторые важные действия:

1. Опция Create Scene Starter Files. Включите её и Project Manager добавит новый файл .blend (сцена Blender).

2. Use Material Library. Включите, если вы планируете использовать качественные материалы от команды разработчиков Blend4Web. Программа скопирует всю библиотеку в вашу проектную директорию.

3. Bundled Project. Регламент проектов Blend4Web подразумевает, что для хранения определенных типов файлов используются отдельные директории. Так, например, проекты Blender хранятся в папке blender, а текстурам положено находится в deploy/assets. Так что, это довольно полезная опция, если вы хотите хранить все ваши файлы в одной директории. Учтите, что "Bundled Project" можно использовать только для проектов Web Player JSON и Web Player HTML. Эта возможность отлично подойдет для решения самых простеньких задач.

Есть еще один нюанс при создании проекта Web Player JSON. Вы, наверное, заметили, что после выбора данного типа становятся доступными опции еще одной области.

Эти дополнительные параметры делают ровно то, о чем говорят. Выбранные данные передаются через адресную строку в плеер и, если вы захотите их использовать, то почитайте эту инструкцию.

Итак, проект создан и гордо находится в списке других в Project Manager. Давайте посмотрим, как с ним работать.

Первое. Вы можете открыть созданную сцену Blender или добавить новую в папку проекта. Столбик Blend Files содержит все файлы Blender, относящиеся к этому проекту. Там же указывается путь для их хранения. Просто щелкните по ссылке и запустится редактор. Обратите внимание, что экспорт JSON файлов нужно выполнять в директорию, что указана в столбце JSON Files.

Второе. Вы можете открыть программу-просмотрщик и проверить настройки вашей сцены прямо в браузере. Как работать с просмотрщиком можно узнать здесь.

Третье. Вы можете просмотреть свою сцену непосредственно в веб-плеере. Для этого служит ссылка расположенная под названием проекта (в примере на скриншоте это: "player: My_cool_project.json").

В следующий раз мы поговорим о нюансах и способах размещения приложений Web Player JSON.