Заказать разработку
ПРАКТИКА

Digital fashion: как создать одежду для метавселенной Roblox

Часть 3 – импорт и тестирование в Roblox Stiudio
По мотивам проекта Beinopen Dreams наша команда подготовила технические материалы по разработке 3D-одежды для метавселенных на примере Roblox, если вы тоже захотите повторить опыт 18 российских брендов, которых мы разместили в интерактивном шоуруме.
Во второй части мы сделали экспорт настроенной 3D-одежды из Blender.
Для дальнейшей работы мы перейдем в Roblox Studio, который необходимо скачать и установить с официального сайта.
Мы подготовили тестовую сцену примерки, которую необходимо скачать и открыть в Roblox Studio. Апдейт скриптов будет после Форума Beinopen 2022.
Интерфейс и навигация в Roblox Studio интуитивные, но всегда можно обратится к официальному тутору.

1-ый этап. Импорт модели одежды в Roblox Studio

  • На верхней панели меню во вкладке Plugins нажмите Avatar Importer, выберите Custom и загрузите настроенный fbx-файл одежды.

2-ой этап. Выбор меша одежды

  • Там же во вкладке Plugins нажмите Accessory Fitting Tool.

Если вы работаете в новом файле, и этот плагин отсутствует, то необходимо перейти во вкладку File на верхней панели меню, выбрать строчку Beta Features и включить галочку на параметре Accessory Fitting Tool.
После перезапуска Roblox Studio в меню Plugins должен появиться инструмент Accessory Fitting Tool. Чтобы редактор работал правильно, вам также необходимо включить Enabled в свойстве LoadCharacterLayeredClothing в StarterPlayer, как показано на скриншоте ниже.

  • Нажмите на импортированную одежду в иерархии объектов или во вьюпорте, чтобы сослаться на объект.

    Если выбор действителен, вы увидите его имя в поле Part . Нажмите кнопку «Next».

  • Выберите тип одежды в категории Clothing. Нажмите кнопку «Next».

После выбора меша через Accessory Fitting Tool доступна панель редактирования, чтобы внести небольшие изменения, но я бы рекомендовала все настраивать в Blender.
Для настройки внутри Roblox Studio необходимо во вкладке Model на верхней панели меню отключить привязку к сетке Snap to Grid, сняв галочки с опций Rotate and Move.
Вы можете настроить отдельные вершины внутренней и внешней сетки, используя инструменты моделирования.
Параметры панели Edit:
Cage Selection – выбор внешней или внутренней сетки.
Mesh Slider – регулирует непрозрачность меша одежды.
Ползунки OuterCage и InnerCage – настраивают непрозрачность вершин сетки.
Point – корректирует отдельные вершины с помощью инструментов Select, Move и Rotate. Ползунок Falloff Distance изменяет количество ближайших точек, на которые оказывается влияние.
Reset – сбрасывает все настройки, сделанные для внешней или внутренней сетки.

Можно использовать панель Preview, чтобы посмотреть одежду на различных предустановленных аватарах.
Когда все будет готово, нажмите «Next», чтобы сгенерировать одежду, по завершению она появится во вьюпорте и окне объектов соответственно.
Для тех, кто потерял по дороге текстурные карты.

3-ий этап. Тестирование

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

  • Поместите объект ClickDetector со скриптом дочерним объектом меша вашей одежды, как в видео ниже.

  • Поместите одежду на позиции. В точку 2 – поясное изделие, в точке 3 – плечевое изделие. Проверьте включен ли CanCollide на одежде.

  • Включите Play.

    Порядок примерки: забежать в точку 1, чтобы скинуть все аксессуары и одежду с аватара; тапнуть на одежду в точке 2, чтобы надеть поясное изделие; тапнуть на одежду в точке 3, чтобы надеть плечевое изделие. Иначе получится капуста.

  • Радуемся или плачем в зависимости от результата тестирования.

    При необходимости все повторить с первой части разработки одежды.

Интересное в блоге

Digital fashion: как создать одежду для метавселенной Roblox
Часть 1 – моделирование и текстурирование
Digital fashion: как создать одежду для метавселенной Roblox
Часть 2 – подготовка в Blender
Краткий гид по дополненной реальности для fashion-индустрии
Существующие AR-механики, способы реализации, и как это сделать