Нужно встроить 3D модель на сайт?
Разберем вариант с сервисом Site3D Configurator. Из приятного – процесс займет буквально пару минут.
Немного о Site3D Configurator
Site3D Configurator – сервис для создания 3D виджетов на сайт. Посетители смогут просматривать 3D модель и взаимодействовать с ней: менять текстуры и цвета, скрывать и отображать объекты. Сервис работает прямо в браузере, без сторонних программ.
Инструкция по добавлению
На примере конструктора сайтов Tilda. Инструкция актуальная и для WIX.
Подготавливаем 3D модель
Вес файла не должен превышать 10 мб, в идеале - до 3 мб. От этого зависит скорость загрузки страницы вашего сайта. Вес модели может быть больше, но это увеличит время загрузки.
Авторизируемся на сайте configurator.site3d.site
Для работы необходима регистрация, это занимает несколько секунд.
Создаем проект и загружаем в него 3D модель
Для создания проекта переходим в личный кабинет. Нажимаем кнопку «+». Если ваша модель не загружается, проверьте правильность формата: сервис рекомендует использовать glb формат - он лучше всего поддерживается сервисом.
Настраиваем параметры сцены
Это необходимо, чтобы модель открывалась с нужного ракурса. Варианты базовой настройки на скриншоте: стартовый вид, масштабирование, вращение. Чаще всего этого достаточно.
Больше о настройке сцены здесь.
Копируем код из раздела «Шаг 4»
Нажимаем на кнопку «Скопировать весь код».
Теперь переходим на Tilda
Создаем Zero block, удаляем с него все лишнее и вставляем в него код. По умолчанию отобразится блок высотой в 500px. Если вам необходим другой размер по высоте, то нужно дописать в код соответствующий параметр.
Публикуем проект
В режиме предпросмотра виджет не отображается, нужно опубликовать проект для просмотра.
При этом после публикации сайта можно менять 3D модель. Все изменения совершаем в редакторе сервиса. Заново копировать код и обновлять блок HTML не нужно, все изменения применяются автоматически.
Мы поговорили о том, как за 2 минуты встроить модель на сайт, но с помощью сервиса можно создать целый 3D конфигуратор, базирующийся на вашей модели.
Возможности сервиса
С этим сервисом можно сделать целое веб-приложение. Оно позволит потенциальным покупателям экспериментировать с цветом, формой и разными особенностями товара. За пару минут посетитель сайта сможет создать идеальный дизайн, отрегулировать товар для своих нужд.
Заключение
Разбор полного функционала сервиса есть на сайте. Также есть видео-уроки на YouTube.
Остались вопросы? Ответим в комментариях!