Как сделать свой проект в метавселенной с нуля

Метавселенные – это не хайп, а рабочий инструмент, который стоит воспринимать, как соцсети и сайты нового поколения, где посетитель может исследовать контент в различных плоскостях и буквально перемещаться внутри информации. Например, можно сделать интерактивное портфолио, выставку работ или витрину товаров, ненавязчиво подводя пользователя к совершению целевого действия.

При этом есть платформы, которые позволяют собирать такие проекты без навыков геймдева, кастомизировать готовые темплейты. Для первого опыта вполне достаточно умений на уровне загрузки фото и видео в соцсети. Для всех желающих в нашем TG-канале «Рендер завтрашнего дня» мы запускали обучающий челлендж по созданию своего интерактивного no code пространства в Spatial, чтобы разрушить миф о метавселенных, недоступных простым смертным. В этой статье собрана вся информация и скринкасты.

В версии no code отлично подходит для быстрого старта. Бесплатный. Кроссплатформенный (мобильные версии для Android и iOS, web, Oculus). Не требует специальных навыков или установки софта (все будет в браузерной версии для ПК). Переваривает многие виды и форматы контента без особых танцев с бубном.

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

Не станем погружаться в пучину маркетинга, хотя я это и люблю. Основной вопрос – это сеттинг в метавселенной – соответствие digital-окружения бренду по форме, содержанию и маркетинговой нагрузке. Какие визуальные параметры стоит использовать: форма и силуэт (в том числе, рукотворные или органические), цвет и текстуры, сочетание цветов, реалистичность или стилизация, максимализм или минимализм, хронотоп мира? Как основное сообщение бренда будет представлено в 3D-пространстве?

Чтобы органично отразить набор визуальных стимулов на цифровой площадке предлагаю тезисно ответить на вопросы о бренде (оформила в небольшой, на 10 вопросов, бит-чарт в соответствии с особенностями платформы Spatial). Скачать здесь.

Также можно вспомнить лонгрид – 5 основных визуальных критериев, чтобы определиться со стилем в 3D.

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

Официальные партнеры – Polycount, которые создают большую часть коммерческих локаций. Их клиенты – Hublot, Vogue, McDonald's и т. д..
В Spatial можно существенно расширить кругозор по особенностям мирового дизайна в метавселенных. Например, площадки тайской студии Erectrus или корейской Studio MBUS703. Можно посмотреть трейлер фильма от индийского проекта Local Studios (переход на локацию в Spatial).

Для собственного мира в Spatial в качестве окружения размещается экспорт уже готовой локации, которую вы предварительно собираете и настраиваете в любом 3D-редакторе с учетом всех технических требований.
2D-план предшествует работе в 3D-редакторе. Может выполняться хоть на салфетке. Искренне советую не пропускать этот этап.
Зачем нужен 2D-план? Позволяет существенно сэкономить время и ресурсы на дальнейшую разработку. Появляется общая картина локации: где какие объекты, куда что движется, как будет путешествовать пользователь.
Теорию по 2D-плану и логику построения сцены мы с вами рассматривали в кейсе проекта 蓝蚂蚁 в AltspaceVR. Только в Spatial в большинстве случаев не надо обносить периметр открытой локации коллайдерами, пользователь перемещается до тех пор, пока под ним есть полигоны.

Рассматриваем, как загружать собственное окружение и создавать скайбоксы. Ссылка на ресурсы, использованные в видео: архив скайбокса, запаковка скайбокса в glb-формат.

Можно расшерить для всего мира в любой из ваших каналов – TG, Youtube, VK и т.д. через привычные приложения по трансляции. Я, например, использую OBS.

На своем сайте можно размещать виджеты пространства, созданного на платформе Spatial. HTML-код для вставки через <iframe>:

<iframe src="ссылка на ваше пространство" allow="microphone https://spatial.io; camera https://spatial.io"></iframe>

Где параметр ссылка на ваше пространство надо заменить на ссылку вашей локации в Spatial. Если сайт на Тильде, то блок <iframe> внедряется через блок T123 для вставки HTML-кода.