Руководство для начинающих / Blender

Verge3D - это универсальное программное обеспечение, которое вы можете использовать по-разному, в зависимости от ваших предпочтений. В этом руководстве описан только один из возможных способов построения рабочего процесса. Рассматривайте его как дружескую рекомендацию. Единственным условием является то, что вы должны иметь опыт работы с Blender, поверх которого работает Verge3D.

Установка

Подробная информация об установке программы здесь.

Sneak Peek

Чтобы убедиться, что Verge3D установлен правильно, вы можете визуализировать базовую модель в веб-браузере с помощью кнопки Sneak Peek. Эта функция выполнит экспорт во временную папку и запустит веб-браузер по умолчанию с вашей визуализацией.

Вы можете использовать * Sneak Peek * для быстрых тестов в любое время, когда работаете над своими проектами.

App Manager (менеджер приложений)

Конечно, вы можете сначала начать работу с графикой, а позже создать проект Verge3D, но мы рекомендуем вам с самого начала привыкнуть к менеджеру приложений. Таким образом вы убедитесь, что ваши файлы правильно организованы и хранятся в одной папке, что важно для целостности проекта, особенно если вы планируете передать его третьим лицам.

Еще одним преимуществом использования менеджера приложений является то, что у вас всегда будет работающее веб-приложение, которое вы можете запускать / перезагружать в браузере без необходимости сначала переходить к файлам сцены.

Менеджер приложений открывается в веб-браузере при нажатии кнопки App Manager. Будет запущен системный браузер по умолчанию (вы можете изменить его в настройках вашей ОС). Будет работать любой современный браузер, но мы рекомендуем последнюю версию Google Chrome , которая является быстрой, совместима со стандартами и предлагает хорошие инструменты для веб-разработки.

Вы можете создать новый проект, используя кнопку на левой панели.

Введите название проекта (или просто оставьте my_awesome_app ) и нажмите Create App. Оставьте параметры конфигурации по умолчанию, как есть.

Как только новое приложение будет создано, оно появится в списке.

Запуск приложения

Вы можете запустить свое приложение в любое время, щелкнув по иконкам Verge3D, синей или зеленой. Синий значок запускает приложение в его окончательной форме со сценарием пазлов и программным кодом (если он есть). Зеленый значок открывает только экспортированную сцену.

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

Если вместо куба отображается что-то вроде «This site can’t be reached», это означает, что сервер разработки не работает, вероятно, из-за того, что вы случайно закрыли первый запущенный экземпляр вашего 3D-редактора и сервер разработки вместе с ним. В этом случае вам следует запустить Blender или, если программа уже запущена, снова запустить App Manager.

Хотя это случается очень редко, может отображаться другое предупреждение: «Ouch! Your graphics card does not support WebGL.». Это может произойти, если вы используете устаревший или неподдерживаемый браузер, например Internet Explorer версии ниже 11, или ваша видеокарта и / или драйверы занесены браузером в черный список. Попробуйте установить последнюю версию Google Chrome / обновить ОС / загрузить последние версии драйверов или просто найдите другой компьютер для работы.

Экспорт

Щелкнув по иконке B, вы можете открыть основной файл .blend вашего приложения.

Файлы сохранения также можно открывать обычным образом через диалоговое окно "File > Open" или просто дважды щелкнув по ним в папке приложения. "File > Open" иногда может быть более эффективным, поскольку он не порождает новый экземпляр Blender.

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

Экспорт можно выполнить из меню "File > Export". Возможно, вы захотите назначить ярлык для этой операции, так как она выполняется довольно часто.

Экспортируйте свою сцену в корень соответствующей папки приложения в формате glTF.

Чтобы протестировать, добавьте несколько объектов Сюзанны в свою сцену, экспортируйте в glTF и запустите приложение, щелкнув синюю иконку с логотипом Verge3D в менеджере приложений.

Для более быстрых действий вы можете всегда держать свое приложение запущенным на вкладке браузера. После повторного экспорта сцены нажмите «F5» на клавиатуре, чтобы она перезагрузилась в браузере. Используйте сочетание клавиш "Alt+Tab" ("Command+Tab" на Mac) для мгновенного переключения между Blender и браузером.

Пазлы

До сих пор мы использовали Verge3D в качестве модного веб-экспортера, который генерирует живые трехмерные сцены, работающие в браузере. С помощью Puzzles, инструмента визуального создания сценариев Verge3D, вы можете добавлять сценарии поведения, чтобы ваша 3D-сцена стала по-настоящему интерактивным веб-приложением.

Нажмите кнопку Puzzles рядом с названием приложения в менеджере приложений. Это запустит ваше приложение с прикрепленным к нему редактором пазлов.

Слева расположена панель инструментов с некоторыми категориями ("Events", "Selectors", "Objects" и т.д.). Категории открываются щелчком мыши, показывая пазлы, которые вы можете перетащить в рабочую область. Соединяя различные пазлы между собой, вы можете создавать сценарии поведения 3D объектов с реакцией на действия пользователя.

Чтобы потренироваться для начала, перетащите пазл when clicked из категории Events и пазл select an object из Selectors.

После объединения, приложение будет ждать клика пользователя по объекту, который был указан в раскрывающемся меню (например, "Cube"). При этом никакого действия в ответ происходить не будет, пока вы не добавите что-то в слот do .

Перенесите пазл hide из Objects и вставьте его в этот слот. Перенесите еще один пазл с селектором объектов и вставьте его в hide.

Теперь, когда пользователь кликнет по 3D объекту, он исчезнет. Нажмите кнопку Run, чтобы запустить программу. Для проверки, щелкните по кубу.

Чтобы сделать сценарий постоянной частью приложения, обязательно сохраните его.

Закончив с пазлами, вы можете запустить интерактивное приложение, используя синюю иконку в App Manager.

Поздравляем, вы стали программистом!

Вы также можете посмотреть видео, где объясняется работа с пазлами.

Публикация

На вашем собственном сайте...

Вы создали веб-приложение и, вероятно, хотите, чтобы миллиарды пользователей Интернета пришли и оценили его. Если у вас есть веб-сайт, то это не будет проблемой. Загрузите всю папку с приложением на свой сервер (например, через FTP). Теперь вы можете выложить ссылку на HTML-файл приложения на веб-сайте или встроить ее с помощью HTML-элемента iframe :

<iframe width="1024" height="640" src="https://www.example.com/my_awesome_app/my_awesome_app.html"></iframe>

Использование WordPress...

Задача упрощается, если вы используете CMS WordPress для своего сайта. Используйте бесплатный плагин WordPress для загрузки и встраивания приложения Verge3D.

При помощи Verge3D Network...

Но что, если у вас не было возможности стать веб-мастером? Нет проблем, нажав кнопку в менеджере приложений, вы можете загрузить программу в Verge3D Network , облачное хранилище и CDN, размещенные на серверах Amazon.

После завершения загрузки, появится окно с прямой ссылкой, которой вы можете поделиться любыми способами (в сообщении в блоге, социальных сетях, комментариях, электронной почте и прочее). Также сгенерируется HTML-код для встраивания приложения на сторонние веб-сайты, как вы делаете это с видео на YouTube.

Посмотрите это видео о публикации приложения в Verge3D Network.

Активация лицензии

Вы можете тестировать ознакомительную версию без ограничений по времени. Однако для использования в производстве вам потребуется лицензия . Информация о лицензии отправляется по электронной почте (ключ ниже является случайным примером).

Лицензионный ключ активирует ваш экземпляр Verge3D и удалит водяной знак со всех приложений.

Каждый раз, после обновления до новой версии, вам потребуется вводить лицензионный ключ.

Что дальше?

Перейдите к главе Рабочий процесс , чтобы получить более подробное руководство по использованию Verge3D.

Остались вопросы?

Задавайте их на нашем форуме!