Меня зовут DK-3, я бот Tomorrow's render Team.
Очень рад пообщаться. Пожалуйста, напишите ваш вопрос. Я передам обращение, и вы получите ответ в ближайшее время!
Отправляя сообщение, вы соглашаетесь с Политикой конфиденциальности.
ПРАКТИКА
Как сделать свой проект в метавселенной с нуля
Челлендж – создайте собственный виртуальный шоурум быстро, бесплатно, без смс
Метавселенные – это не хайп, а рабочий инструмент, который стоит воспринимать, как соцсети и сайты нового поколения, где посетитель может исследовать контент в различных плоскостях и буквально перемещаться внутри информации. Например, можно сделать витрину товаров, интерактивное портфолио, выставку работ, ненавязчиво подводя пользователя к совершению целевого действия.
При этом есть платформы, которые позволяют собирать такие проекты без навыков геймдева, кастомизировать готовые темплейты.
При этом есть платформы, которые позволяют собирать такие проекты без навыков геймдева, кастомизировать готовые темплейты.
Челлендж v2.0
Виртуальный шоурум 2.0
Для всех желающих в нашем TG-канале Рендер завтрашнего дня мы запускаем обучающий челлендж Виртуальный шоурум 2.0 по созданию своего интерактивного no code пространства в Spatial, чтобы разрушить миф о метавселенных, недоступных простым смертным. В этой статье будут собраны информация, тесты, скринкасты и дополнительные материалы.
Для кого челлендж?
-
Для маркетологов и владельцев своего бренда
Рассмотрим точки роста и новые инструменты для монетизации бизнеса -
Для креаторов и фрилансеров
Получите востребованность на рынке и опередите конкурентов -
Для блогеров, smm, pr- и event-менеджеров
Создадим интерактивный проект для увеличения охватов и трафика -
Для всех, кто интересуется технологиями
Посмотрим метавселенные изнутри
Почему Spatial?
В версии no code отлично подходит для быстрого старта. Условно бесплатный. Кроссплатформенный (мобильные версии для Android и iOS, web, Oculus). Не требует специальных навыков или установки софта (все будет в браузерной версии для ПК). Переваривает многие виды и форматы контента без особых танцев с бубном.
Нужны ли специальные навыки?
Нет, будем работать с кастомизацией готовых локаций (это почти как загружать фотографии в соцсети, только интереснее). Дополнительно на компьютер или ноутбук устанавливать ничего не требуется, будем работать в браузере. Работа происходит онлайн, поэтому нужен интернет.
Что будет в челлендже 2.0
С прошлого челленджа 1.0 платформа Spatial претерпела значительные изменения, поэтому мы пройдем по всем важным вопросам
-
Идентификация бренда в метавселенной
Что нужно учесть, чтобы визуал локации работал на вас.1 -
Регистрация и настройка аватара
Аватара можно сгенерировать по фото или использовать интеграцию Ready Player Me.2 -
Какие сценарии можно делать в Spatial
Варианты шоурумов для брендов, специалистов и энтузиастов. Экскурсия по существующим мирам.3 -
Технические возможности Spatial
Какие функции есть на данный момент, и что доступно бесплатно.4 -
Технические требования к контенту
Параметры для оптимизации вашего контента или поиска на ресурсах.5 -
Откуда брать готовые 3D-модели?
Ресурсы с 3D-моделями, где есть фришный или недорогой контент.6 -
План и концепт виртуального шоурума
Строим интерактивную воронку продаж по правилам мерчендайзинга.7 -
Кастомизация стандартного темплейта
Как организовать собственное пространство в метавселенной за считанные минуты.8
- Идентификация бренда* в метавселенной
* Здесь и далее будем говорить бренд, как в общем понимании, так и в контексте личного бренда.
Основной вопрос – это сеттинг в метавселенной – соответствие digital-окружения бренду по форме, содержанию и маркетинговой нагрузке. Какие визуальные параметры стоит использовать: форма и силуэт (в том числе, рукотворные или органические), цвет и текстуры, сочетание цветов, реалистичность или стилизация, максимализм или минимализм, хронотоп мира? Как основное сообщение бренда будет представлено в 3D-пространстве?
Основной вопрос – это сеттинг в метавселенной – соответствие digital-окружения бренду по форме, содержанию и маркетинговой нагрузке. Какие визуальные параметры стоит использовать: форма и силуэт (в том числе, рукотворные или органические), цвет и текстуры, сочетание цветов, реалистичность или стилизация, максимализм или минимализм, хронотоп мира? Как основное сообщение бренда будет представлено в 3D-пространстве?
1.1. Три сильных стороны вашего бренда
Напишите три сильных стороны вашего бренда – три слова (словосочетания) о том, какой ваш бренд. Основная мысль, которую бренд транслирует миру. Это ляжет в основу визуала и цифрового сторителлинга на локации.
В прошлый раз вместо трех лаконичных характеристик мы получали по три эссе. В этот раз предлагаем использовать метод прямых ассоциаций, когда вы составляете карту слов о том, какой ваш бренд. Или инвертирование ассоциаций. Если в процессе размышлений ни один из появившихся вариантов вас не вдохновляет, выберите характеристику, которая точно не про вас, запишите все антонимы и выведите новое качество.
Чтобы по фану, или если совсем процесс не пойдет, под наши задачи мы адаптировали типологию Майерс-Бриггс. Ниже можно пройти тест онлайн и узнать, какой вы бренд в метавселенной.
В прошлый раз вместо трех лаконичных характеристик мы получали по три эссе. В этот раз предлагаем использовать метод прямых ассоциаций, когда вы составляете карту слов о том, какой ваш бренд. Или инвертирование ассоциаций. Если в процессе размышлений ни один из появившихся вариантов вас не вдохновляет, выберите характеристику, которая точно не про вас, запишите все антонимы и выведите новое качество.
Чтобы по фану, или если совсем процесс не пойдет, под наши задачи мы адаптировали типологию Майерс-Бриггс. Ниже можно пройти тест онлайн и узнать, какой вы бренд в метавселенной.
1.2. Слова обретают форму в пространстве
Форма с цветом воздействуют на остальные органы чувств: осязание, слух, вкус и обоняние, и вызывают различные ассоциации. Так, музыку Моцарта, например, называют «розовой».
Поэтому комплексные ощущения от виртуального пространства, а не смысл прочитанных о бренде слов, будут убеждать на невербальном уровне, вызывать эмоции и образы. И задача – подобрать и настроить нужное состояние пользователя.
Физические ассоциации:
весовые (легкие, тяжелые, воздушные, давящие);
температурные (теплые, холодные, горячие, ледяные, жгучие);
фактурные (мягкие, жесткие, гладкие, колючие, шершавые, скользкие);
акустические (тихие, громкие, глухие, звонкие, музыкальные);
пространственные (выступающие, отступающие, глубокие, поверхностные).
Эмоциональные ассоциации:
позитивные (веселые, приятные, бодрые, оживленные, лирические);
негативные (грустные, вялые, скучные, трагические, сентиментальные);
нейтральные (спокойные, уравновешенные, безразличные).
Поэтому комплексные ощущения от виртуального пространства, а не смысл прочитанных о бренде слов, будут убеждать на невербальном уровне, вызывать эмоции и образы. И задача – подобрать и настроить нужное состояние пользователя.
Физические ассоциации:
весовые (легкие, тяжелые, воздушные, давящие);
температурные (теплые, холодные, горячие, ледяные, жгучие);
фактурные (мягкие, жесткие, гладкие, колючие, шершавые, скользкие);
акустические (тихие, громкие, глухие, звонкие, музыкальные);
пространственные (выступающие, отступающие, глубокие, поверхностные).
Эмоциональные ассоциации:
позитивные (веселые, приятные, бодрые, оживленные, лирические);
негативные (грустные, вялые, скучные, трагические, сентиментальные);
нейтральные (спокойные, уравновешенные, безразличные).
6 основных визуальных критериев
Как определиться со стилем в 3D при создании видео-контента, иммерсивных проектов и метавселенных
Для этого задания мы обратимся к статье – 6 основных визуальных критериев. Как определиться со стилем в 3D при создании видео-контента, иммерсивных проектов и метавселенных. Будем рассматривать 6 факторов пространства:
1. Форма
2. Абстрактное/ фигуративное
3. Реалистичное/ стилизованное
4. Максимализм/ минимализм
5. Цвет
6. Бэкграунд
В каждом пункте стоит задача определиться с тем, что соответствует сильным сторонам бренда, которые мы получили в Задании 1.1. В результате у вас будет список из 6 компонентов.
Например:
1. Форма – преобладание низких квадратных устойчивых форм, потому что требуется подчеркнуть основательность бренда.
2. Фигуративное, потому что ...
3. Стилизованное, укрупняем продукт бренда в пространстве, потому что ....
4. Минимализм, потому что ....
5. Цвет – синтетический, цифровой (синий и красный), потому что ....
6. Простой бэкграунд, потому что ....
1. Форма
2. Абстрактное/ фигуративное
3. Реалистичное/ стилизованное
4. Максимализм/ минимализм
5. Цвет
6. Бэкграунд
В каждом пункте стоит задача определиться с тем, что соответствует сильным сторонам бренда, которые мы получили в Задании 1.1. В результате у вас будет список из 6 компонентов.
Например:
1. Форма – преобладание низких квадратных устойчивых форм, потому что требуется подчеркнуть основательность бренда.
2. Фигуративное, потому что ...
3. Стилизованное, укрупняем продукт бренда в пространстве, потому что ....
4. Минимализм, потому что ....
5. Цвет – синтетический, цифровой (синий и красный), потому что ....
6. Простой бэкграунд, потому что ....
Меня зовут DK-3, я бот Tomorrow's render Team.
Очень рад пообщаться. Пожалуйста, напишите ваш вопрос. Я передам обращение, и вы получите ответ в ближайшее время!
Отправляя сообщение, вы соглашаетесь с Политикой конфиденциальности.
2. Регистрация и настройка аватара
Если вас еще нет в Spatial, то создать аккаунт и аватара на платформе очень легко. Настройка интуитивная, но если вдруг будут сложности, наш технический директор Илья подготовил небольшое антистресс-видео.
2.1. Как сделать своего аватара в метавселенной Spatial (Unity)
Для тех, кто работает в Unity, есть факультативное задание – загружаем своего аватара через Spatial SDK. В туториале используется Unity версия 2021.3.21.
Аватара можно добавить глобального (вы ходите в нем независимо от локации) и локального (работает только внутри вашего мира). Технические требования к аватарам для Spatial – формат fbx, риггинг. Аватара из примера можно скачать по ссылке.
Для глобальных аватаров допускается:
[ + ] 50к вертексов, 22,5к трианглов;
[ + ] текстурные карты 1024x1024,
[ + ] не больше 4 сабмешей;
[ + ] физические габариты до 2.5x2.5x2.5 м.
Для локальных аватаров допускается (не забываем суммарные максимальные значения в сцене):
[ + ] 200к вертексов, 200к трианглов;
[ + ] текстурные карты до 4096x4096;
[ + ] до 100 сабмешей;
[ + ] физические габариты до 25x25x25 м.
Аватара можно добавить глобального (вы ходите в нем независимо от локации) и локального (работает только внутри вашего мира). Технические требования к аватарам для Spatial – формат fbx, риггинг. Аватара из примера можно скачать по ссылке.
Для глобальных аватаров допускается:
[ + ] 50к вертексов, 22,5к трианглов;
[ + ] текстурные карты 1024x1024,
[ + ] не больше 4 сабмешей;
[ + ] физические габариты до 2.5x2.5x2.5 м.
Для локальных аватаров допускается (не забываем суммарные максимальные значения в сцене):
[ + ] 200к вертексов, 200к трианглов;
[ + ] текстурные карты до 4096x4096;
[ + ] до 100 сабмешей;
[ + ] физические габариты до 25x25x25 м.
3. Cценарии для метавселенной
Виртуальный шоурум формирует бренд, которому гораздо проще добиваться доверия, так как воздействует одновременно на эмоциональную составляющую (органы чувств, эмоции, удивление, wow-момент, которым хочется поделиться) и рациональные выгоды бизнес-сделки (сокращает торговый цикл, показывает преимущества перед другими, желаемый результат, целесообразность покупки).
Посмотрим примеры использования платформы Spatial в продажах и продвижении бренда. Уверены, вы сможете придумать больше вариантов под свои задачи.
Посмотрим примеры использования платформы Spatial в продажах и продвижении бренда. Уверены, вы сможете придумать больше вариантов под свои задачи.
-
Цифровой шоурум, выставка
Постоянная инсталляция, опционально с внешними ссылками на приобретение продукта/ услуги. -
Презентация продукта, показ
Pop-up мероприятие, ограниченное по времени, возможно сезонное. Открытое или закрытое по ссылке. Для b2c и b2b сегментов. -
Игры
Не только развлекают, но и помогают донести ценности бренда (взаимопомощь, ответственность, веселое времяпрепровождение, расслабление, умиротворение и т.д.) -
Проведение акций
Скидка, добытая в квесте, более желанная, чем просто акция в соцсетях. В самом простом варианте – спрячьте промокод на локации. -
Мероприятия
В том числе, цифровые версии физических. Проведите ток-шоу и разработайте цифровые номинации. -
Цифровое тестирование продукта/ услуги
Вовлеките клиента, проведите его за руку по плюсам и точным аргументам. -
Цифровые продукты и мерч
Продвигайте бренд на весь мир, создавайте цифровые аналоги или необычный контент для метавселенной. -
Формирование комьюнити
Плюсы онлайна и офлайна вместе с активным взаимодействием, нетворкинг, широкая география участников. -
Съемка контента
Стримьте в соцсети и записывайте видео из своего мира, делайте снимки, рассказывайте что-либо от лица аватара бренда. -
Мотивация UGC
Для пользователей есть опции записи видео, съемки селфи, что приводит к шерингу в соцсетях согласно отчетам Deloitte Research и Klarna Report. -
Партнерство, коллаборации и реклама
Пригласите к участию партнеров, сделайте кросс-маркетинговые активности -
Портфолио и резюме
Вовлекайте эйчаров, клиентов, инвесторов в вашу интерактивную презентацию.
В статье «Метавселенные для fashion-брендов и не только: куда пойти, что там делать и сколько это стоит» можно изучить различные сценарии пользовательского опыта для бизнеса, прогуляться по виртуальным площадкам известных брендов.
Какие эмоции передают локации? Пространства раскрывают характер бренда? Если убрать логотип и названия, вы сможете понять, какому бренду, продукту, услуге принадлежит пространство? К чему призывает бренд на локации?
Какие эмоции передают локации? Пространства раскрывают характер бренда? Если убрать логотип и названия, вы сможете понять, какому бренду, продукту, услуге принадлежит пространство? К чему призывает бренд на локации?
Метавселенные для fashion-брендов и не только
Куда пойти, что там делать и сколько это стоит
Помимо основной функции – виртуальной витрины, есть сопряженные: pop-up презентация продукта/ проведение акций/ проведение мероприятий/ тестирование цифровой версии продукта/ игры/ цифровые продукты и мерч/ формирование комьюнити/ съемка контента/ мотивация UGC/ партнерство, коллаборации, реклама/ портфолио и резюме.
Подумайте, что подходит вам. Можно обратиться к результатам теста из задания 1.1.
Определите целевое действие на локации. Что в идеале должен сделать ваш пользователь по итогу? Оставить заявку? Поделиться селфи? Перейти на страницу продукта на сайте? Это будет в основе воронки продаж и определит состав и размещение контента на локации. Рекомендуем не делать много видов целевых действий, чтобы сохранить фокус пользователя, тогда конверсия будет выше.
Например, виртуальный шоурум + проведение мероприятий + партнерство. Целевое действие – заполнить анкету.
Подумайте, что подходит вам. Можно обратиться к результатам теста из задания 1.1.
Определите целевое действие на локации. Что в идеале должен сделать ваш пользователь по итогу? Оставить заявку? Поделиться селфи? Перейти на страницу продукта на сайте? Это будет в основе воронки продаж и определит состав и размещение контента на локации. Рекомендуем не делать много видов целевых действий, чтобы сохранить фокус пользователя, тогда конверсия будет выше.
Например, виртуальный шоурум + проведение мероприятий + партнерство. Целевое действие – заполнить анкету.
Продолжение следует >>>
Челлендж v1.0
Виртуальный шоурум 1.0
С чего все началось или немного истории
Что было в челлендже 1.0
-
Технические требования к контенту
Параметры для проведения инвентаризации вашего контента, оптимизации неоптимизированного или поиска моделей на ресурсах.1 -
Откуда брать готовые 3D-модели?
Ресурсы с 3D-моделями, где есть фришный или недорогой контент.2 -
Кастомизация стандартного темплейта
Как организовать собственное пространство в метавселенной за считанные минуты.3 -
2D-план
Как сэкономить время на проектировании локации в метавселенной.4 -
Загрузка своей локации
Для 3D-специалистов и тех, кто решил не останавливаться на кастомизации готовых темплейтов.5 -
Участники проекта
Кто уже сделал свои пространства в Spatial.6 -
Трансляция с площадки в Spatial
Как подключить трансляцию через стриминговый сервис.7 -
Как интегрировать переход в Spatial с сайта
Добавляем виджет с локацией в метавселенной на сайт в два клика.8
ТЕХНИЧЕСКИЕ ТРЕБОВАНИЯ К КОНТЕНТУ В SPATIAL
-
Фото.
Форматы png, jpeg, tiff < 10 МБ -
Видео.
Форматы mp4, mov < 50 МБ, gif < 200 МБ.
Видео можно со звуком и зациклить на локации. -
Документы (вдруг сразу резюме или прайс прикрепите).
Форматы pdf, и офисные Microsoft Word, Powerpoint, Excel < 100 МБ, ZIP-архив < 500 МБ. -
3D-модели (если вы будете работать только с фото- и видеоконтентом, то эта информация не понадобится).
Рекомендуемые форматы glb, glTF < 100 МБ. Стандартные форматы fbx, obj < 100 МБ. Также dae < 60 МБ, pcd < 10 МБ.
В одном файле оптимально может быть 10 объектов для окружения (максимально 20), 3 (максимально 5) – для всех остальных объектов. Не загружайте аватар с отдельными глазами и 15-тью пуговицами на жакете. -
Анимация.
Поддерживается записанная в файл анимация трансформации (перемещение в пространстве, вращение и масштабирование) и скелетная анимация (например, аватар в одежде, анимированный в Mixamo). -
Количество полигонов.
Требования распространяются на загружаемый файл в целом. В скобочках приведены максимальные значения, но лучше без фанатизма, тогда ваш мир будет стабильнее. Если вы скачиваете 3D с сайта, то эти параметры обычно есть в описании файла. Рекомендуемое количество трианглов < 15к для одного объекта (< 30к максимально), < 60к для окружения (< 180к максимально). -
Текстуры и материалы.
Рекомендуются POT-текстуры 1024x1024 px до 8 текстурных карт единовременно (максимально до 16 текстурных карт 1024x1024 px или до 4 текстурных карт 2048x2048 px).
Официально рекомендуется плоский шейдер Unlit с картой цвета без учета освещения. PBR-текстуры похожи на стандартный шейдер Unity. В загружаемом объекте можно использовать карты цвета, нормалей, металличности, шероховатости, окклюзии окружения. Прозрачность поддерживается текстурной картой в альфа-канале. Также можно настраивать эти значения в самом 3D-редакторе перед экспортом. Но с картами лучше результат. Эмиссия поддерживается текстурной картой в канале свечения. Анимации текстур нет.
Пространство Spatial с примерами настройки материалов в Blender.
Откуда брать готовые 3D-модели?
https://sketchfab.com/ прямая интеграция в Spatial
https://free3d.com/ru/
https://3ddd.ru/ мекка интерьерщиков
https://open3dmodel.com/ru/
https://c4ddownload.com/
http://threedscans.com/ бесплатные сканы музейных экспонатов без текстур, но перед импортом в метаверсы надо сделать редукцию полигонов
https://www.cgtrader.com/
Бесплатные hdri-текстуры окружения https://hdrihaven.com/hdris/
https://pixexid.com/search/360
https://free3d.com/ru/
https://3ddd.ru/ мекка интерьерщиков
https://open3dmodel.com/ru/
https://c4ddownload.com/
http://threedscans.com/ бесплатные сканы музейных экспонатов без текстур, но перед импортом в метаверсы надо сделать редукцию полигонов
https://www.cgtrader.com/
Бесплатные hdri-текстуры окружения https://hdrihaven.com/hdris/
https://pixexid.com/search/360
Кастомизация стандартного темплейта в Spatial
Я записывала в пространстве Agora. Вы можете выбрать любую подходящую площадку. Принципы работы, персонализации, внешних ссылок и продвижения одинаковые.
2D-план локации в метавселенной
Для собственного мира в Spatial в качестве окружения размещается экспорт уже готовой локации, которую вы предварительно собираете и настраиваете в любом 3D-редакторе с учетом всех технических требований.
2D-план предшествует работе в 3D-редакторе. Может выполняться хоть на салфетке. Искренне советую не пропускать этот этап.
Зачем нужен 2D-план? Позволяет существенно сэкономить время и ресурсы на дальнейшую разработку. Появляется общая картина локации: где какие объекты, куда что движется, как будет путешествовать пользователь.
Теорию по 2D-плану и логику построения сцены мы с вами рассматривали в кейсе проекта 蓝蚂蚁 в AltspaceVR. Только в Spatial в большинстве случаев не надо обносить периметр открытой локации коллайдерами, пользователь перемещается до тех пор, пока под ним есть полигоны.
2D-план предшествует работе в 3D-редакторе. Может выполняться хоть на салфетке. Искренне советую не пропускать этот этап.
Зачем нужен 2D-план? Позволяет существенно сэкономить время и ресурсы на дальнейшую разработку. Появляется общая картина локации: где какие объекты, куда что движется, как будет путешествовать пользователь.
Теорию по 2D-плану и логику построения сцены мы с вами рассматривали в кейсе проекта 蓝蚂蚁 в AltspaceVR. Только в Spatial в большинстве случаев не надо обносить периметр открытой локации коллайдерами, пользователь перемещается до тех пор, пока под ним есть полигоны.
Размещение своей локации в метавселенной Spatial
Рассматриваем, как загружать собственное окружение и создавать скайбоксы. Ссылка на ресурсы, использованные в видео: архив скайбокса.
Проекты участников
Трансляция с площадки в Spatial
Можно расшерить для всего мира в любой из ваших каналов – TG, Youtube, VK и т.д. через привычные приложения по трансляции. Я, например, использую OBS.
Как интегрировать переход в Spatial с сайта
На своем сайте можно размещать виджеты пространства, созданного на платформе Spatial. HTML-код для вставки через <iframe>:
<iframe src="ссылка на ваше пространство" allow="microphone https://spatial.io; camera https://spatial.io"></iframe>
Где параметр ссылка на ваше пространство надо заменить на ссылку вашей локации в Spatial. Если сайт на Тильде, то блок <iframe> внедряется через блок T123 для вставки HTML-кода.
<iframe src="ссылка на ваше пространство" allow="microphone https://spatial.io; camera https://spatial.io"></iframe>
Где параметр ссылка на ваше пространство надо заменить на ссылку вашей локации в Spatial. Если сайт на Тильде, то блок <iframe> внедряется через блок T123 для вставки HTML-кода.
Будем рады, если вы поделитесь с нами своими успехами в Spatial по результатам этого лонгрида.