Руководство для начинающих / Майя
«Вердж3Д для Майи» — это универсальное программное обеспечение, которое можно использовать по-разному. В данном разделе описан один из вариантов построения рабочего процесса, который мы рекомендуем начинающим пользователям. Для успешной работы в «Вердж3Д» вам потребуются лишь базовые навыки использования программы трёхмерного моделирования «Майя».
- Установка
- Предпросмотр сцены
- Диспетчер приложений
- Запуск приложения
- Экспорт
- Пазлы
- Активация лицензии
- Что дальше?
Установка
Подробная информация об установке программы находится в соответствующем разделе.
Предпросмотр сцены
Чтобы убедиться, что «Вердж3Д» установлен правильно, вы можете визуализировать базовую модель в веб-браузере с помощью кнопки (или меню) Sneak Peek. Эта функция выполнит экспорт во временную папку и запустит штатный веб-браузер с соответствующей визуализацией.
![](files/beginner_guide/sneak-peek-maya.jpg)
Вы можете использовать Sneak Peek для быстрого предпросмотра сцены на любом этапе работы над проектом.
Диспетчер приложений
И хотя вы можете начинать работу над графикой в самой «Майе», создав соответствующий «Вердж3Д»-проект позже, мы настоятельно рекомендуем вам использовать диспетчер приложений. Таким образом вы убедитесь, что ваши файлы правильно организованы и хранятся в одной папке, что важно для поддержания целостности проекта. Это особенно актуально, если вы планируете передавать проект третьим лицам.
Еще одним преимуществом использования диспетчера приложений является то, что у вас всегда будет работающее веб-приложение, которое вы cможете запускать/перезагружать в браузере без необходимости предварительного открытия файлов сцены.
![Главный экран диспетчера приложений](files/beginners-guide-maya/app-manager-main.jpg)
Диспетчер приложений открывается в веб-браузере при нажатии кнопки (или меню) App Manager. Будет запущен системный браузер по умолчанию (вы можете изменить его в настройках вашей операционной системы). Подойдет любой современный браузер, но мы рекомендуем последнюю версию «Гугл Хрома», поскольку он является быстрым, совместимым со стандартами и предлагающим удобные инструменты для веб-разработки.
![Кнопка запуска диспетчера приложений в Майе](files/beginner_guide/app-manager-maya.jpg)
Вы можете создать новый проект, используя кнопку на левой панели.
![Кнопка создания нового проекта](files/app-manager/app-manager-create.jpg)
Введите название проекта (или просто оставьте my_awesome_app) и нажмите Create App. Пока не освоитесь, не меняйте другие параметры создаваемого приложения.
![Параметры нового приложения](files/app-manager/app-manager-create-options.jpg)
Как только новое приложение будет создано, оно автоматически появится в списке доступных приложений.
Запуск приложения
Вы можете запустить приложение щелкнув по синему или зелёному значку с логотипом «Вердж3Д». Синий значок запускает приложение в его полном виде со сценарием пазлов и программным кодом (если они есть). Зеленый значок открывает только экспортированную сцену.
![Кнопки для запуска приложения](files/beginners-guide-maya/app-manager-app-buttons-run.jpg)
После загрузки новое приложение отображает стандартный кубик. Вы можете вращать сцену, удерживая нажатой левую кнопку мыши и изменять масштаб с помощью колесика мыши.
![Запуск приложения в браузере](files/beginners-guide-maya/app-manager-app-running.jpg)
Если вместо куба отображается что-то вроде «This site can’t be reached», это означает, что сервер диспетчера приложений не работает, вероятно, из-за того, что вы случайно закрыли первый запущенный экземпляр вашего 3Д-редактора и сервер разработки вместе с ним. В этом случае вам следует запустить «Майю» или, если программа уже запущена, снова запустить диспетчер приложений.
Хотя это случается очень редко, может отображаться другое предупреждение: «Ouch! Your graphics card does not support WebGL.». Это может произойти, если вы используете устаревший или неподдерживаемый браузер, либо ваша видеокарта и/или драйверы занесены браузером в черный список. Попробуйте установить последнюю версию «Гугл Хрома», обновить операционную систему, загрузить последние версии драйверов либо просто возьмите другой компьютер.
Экспорт
Щелкнув по иконке M вы можете открыть основной файл .ma/.mb вашего приложения.
![Кнопка для запуска maya-файла](files/beginners-guide-maya/app-manager-app-buttons-open-source-file.jpg)
Файл сцены можно открыть и привычным образом, через меню File → Open в «Майе», либо просто дважды щелкнув по соответствующему значку в папке приложения. Вариант с File → Open может быть более эффективным, поскольку он не запускает новый экземпляр «Майи».
Важно понимать, что браузерное приложение загружает только файлы, экспортированные в формате ГЛТФ (.gltf), а не исходные файлы сцен «Майи». Поэтому каждый раз, когда вы меняете что-то в исходном файле, вы должны делать экспорт, в противном случае вы не увидите изменений в запущенном приложении.
Экспорт можно выполнить из меню Verge3D на панели главного меню. В будущем для этой операции стоит назначить горячую клавишу, так как она будет выполняться довольно часто.
![Экспорт в ГЛТФ в Майе](files/beginner_guide/export-maya.jpg)
Экспортируйте сцену в корень папки приложения в формате ГЛТФ (.gltf).
![Выбор имени файла для экспорта в ГЛТФ](files/beginner_guide/export-name-maya.jpg)
Чтобы проверить, что всё работает как надо, добавьте несколько кубиков в сцену, снова экспортируйте в ГЛТФ и запустите приложение, щелкнув на синюю иконку с логотипом «Вердж3Д» в диспетчере приложений.
Процесс можно ускорить, если всегда держать приложение запущенным в какой-нибудь вкладке браузера. После переэкспорта просто нажмите клавишу F5, чтобы вкладка перезагрузилась. А чтобы быстро переключаться между «Блендером» и браузером, используйте сочетание клавиш "Alt+Tab" ("Command+Tab" на Маке).
Пазлы
До сих пор мы использовали «Вердж3Д» в качестве веб-экспортера, позволяющего просматривать сцены «Майи» в браузере. С помощью пазлов, инструмента визуального программирования «Вердж3Д», вы можете добавлять сценарии поведения, так чтобы ваша сцена стала полноценным интерактивным веб-приложением.
![Кнопка запуска редактора пазлов](files/beginners-guide-maya/app-manager-app-buttons-puzzles.jpg)
Нажмите серо-зелёную кнопку с характерным значком в диспетчере приложений. Она запустит нужное приложение внутри редактора пазлов.
![Редактор блоков визуального программирования](files/beginners-guide-maya/puzzles-editor.jpg)
Слева расположена панель инструментов с категориями ("Events", "Selectors", "Objects" и т.д.). Категории открываются щелчком мыши, отображая те пазлы, которые вы можете перетащить в рабочую область. Соединяя различные пазлы между собой, вы можете определять поведение 3Д-объектов в ответ на те или иные действия пользователя.
Чтобы узнать что делает тот или иной пазл, наведите курсор мыши, либо вызовите соответствующую справку, доступную по правому клику мыши.
![Панель инструментов редактора пазлов](files/beginner_guide/puzzles-toolbox.jpg)
Попробуем сделать что-то осмысленное с нашей сценой. Для этого перетащите пазл when clicked из категории Events и выберите нужный объект в светло-зелёном списке.
![Добавление пазла when clicked из панели инструментов](files/beginners-guide-maya/puzzles-when-clicked.jpg)
Данный пазл ждёт когда пользователь кликнет на выбранном объекте и вызывает пазлы находящиеся внутри слота do (на данный момент там пусто).
Теперь возьмите пазл hide из категории Objects и вставьте его в этот пустой слот. Выберите в списке тот же самый объект — pCube1.
![Работа пазлов when clicked и hide](files/beginners-guide-maya/puzzles-example.jpg)
Логика работы этих двух пазлов простая — когда пользователь кликает по трёхмерному объекту, он должен исчезать. Нажмите кнопку Run, чтобы запустить получившуюся программу и проверьте её работу, для чего щелкните по кубу.
![Кнопка для запуска пазлов](files/beginner_guide/puzzles-run.jpg)
Чтобы свежесозданный сценарий сохранился в приложении, обязательно сохраните его.
![Кнопка сохранения пазлов](files/beginner_guide/puzzles-save.jpg)
Закончив с пазлами, вы можете запустить само приложение, используя синюю иконку в диспетчере приложений. Примите наши поздравления, вы только что стали 3Д-программистом!
Также посмотрите наше видео, где мы объясняем работу с пазлами на другом примере.
На собственном сайте...
Основное преимущество «Вердж3Д» — то что он создаёт обычные веб-приложения, имеющие потенциальную целевую аудиторию в миллионы (если не миллиарды) пользователей. Если у вас уже есть веб-сайт, задача развёртывания таких приложений упрощается — просто загрузите папку с приложением на свой сервер (например, с использованием протокола ФТП). После этого вы можете разместить ссылку на ХТМЛ-файл приложения где-нибудь на сайте либо встроить его с помощью ХТМЛ-элемента iframe:
<iframe width="1024" height="640" src="https://www.example.com/my_awesome_app/my_awesome_app.html"></iframe>
С использованием «Ворд Пресс»...
Задача ещё более упрощается, если вы используете систему управления контентом «Ворд Пресс». Установите наш бесплатный плагин, служащий для загрузки и встраивания «Вердж3Д»-приложений.
При помощи «Вердж3Д Нетворк»...
Что если у вас нет сайта и вы не хотите становиться веб-местером? Ничего страшного, нажав одну кнопку в диспетчере приложений, вы сможете загрузить программу в «Вердж3Д Нетворк», облачное хранилище и систему доставки контента, предоставляемые компанией «Софт Эйт Софт».
![Кнопка для загрузки приложения в Вердж3Д Нетворк](files/beginners-guide-maya/app-manager-app-buttons-network.jpg)
После завершения загрузки высветится окно со ссылкой, которой можно поделиться любым удобным способом (в блоге, социальных сетях, комментариях, электронной почте и т.д.). Там же сгенерируется ХТМЛ-код для встраивания приложения на сторонние веб-сайты, подобно тому как это делается для видеороликов с сайта ЮТуб.
![Распространение веб-приложения](files/app-manager/app-manager-publish-complete.jpg)
Также посмотрите это видео о публикации приложений с использованием «Вердж3Д Нетворк».
Активация лицензии
Вы можете тестировать ознакомительную версию «Вердж3Д» сколько угодно. Тем не менее, для создания реальных приложений (как коммерческих так и некоммерческих) вам потребуется приобрести лицензию. После подтверждения оплаты мы вышлем лицензионный ключ вам на почту (не пытайтесь ввести ключ из примера ниже, он не заработает).
![Письмо с лицензионным ключом Вердж3Д](files/beginners-guide-maya/license-key-example.jpg)
![Активация лицензии Вердж3Д](files/beginners-guide-maya/app-manager-license-activation.jpg)
Лицензионный ключ активирует ваш экземпляр «Вердж3Д» и удалит водяной знак с имеющихся и новых приложений.
![Статус лицензии Вердж3Д](files/beginners-guide-maya/app-manager-license-activated.jpg)
Что дальше?
Перейдите к разделу рабочий процесс, чтобы получить более подробное представление о рабочем процессе по использованию Вердж3Д.
Остались вопросы?
Задавайте их на нашем форуме!