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

Verge3D - это универсальное программное обеспечение, которое вы можете использовать по-разному, в зависимости от ваших предпочтений. В этом руководстве описан только один из возможных способов построения рабочего процесса. Рассматривайте его как дружескую рекомендацию. Единственным условием является то, что вы должны иметь опыт работы с Maya, поверх которого работает 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-редактора и сервер разработки вместе с ним. В этом случае вам следует запустить Maya или, если программа уже запущена, снова запустить App Manager.

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

Export

Щелкнув по иконке M вы можете открыть основной файл .ma/.mb вашего приложения.

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

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

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

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

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

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

Пазлы

До сих пор мы использовали Verge3D в качестве модного веб-экспортера, который генерирует живые трехмерные сцены, работающие в браузере. С помощью пазлов, инструмента визуального создания сценариев 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 для своего сайта - Используйте бесплатный плагин Verge3D WordPress для загрузки и встраивания приложения Verge3D.

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

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

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

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

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

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

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

Что дальше?

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

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

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