Как самостоятельно добавить 3D модель на сайт

Нужно встроить 3D модель на сайт?

Разберем вариант с сервисом Site3D Configurator. Из приятного – процесс займет буквально пару минут.

Site3D Configurator – сервис для создания 3D виджетов на сайт. Посетители смогут просматривать 3D модель и взаимодействовать с ней: менять текстуры и цвета, скрывать и отображать объекты. Сервис работает прямо в браузере, без сторонних программ.

На примере конструктора сайтов Tilda. Инструкция актуальная и для WIX.

Вес файла не должен превышать 10 мб, в идеале - до 3 мб. От этого зависит скорость загрузки страницы вашего сайта. Вес модели может быть больше, но это увеличит время загрузки.

Для работы необходима регистрация, это занимает несколько секунд.

Для создания проекта переходим в личный кабинет. Нажимаем кнопку «+». Если ваша модель не загружается, проверьте правильность формата: сервис рекомендует использовать glb формат - он лучше всего поддерживается сервисом.

Это необходимо, чтобы модель открывалась с нужного ракурса. Варианты базовой настройки на скриншоте: стартовый вид, масштабирование, вращение. Чаще всего этого достаточно.

Больше о настройке сцены здесь.

Нажимаем на кнопку «Скопировать весь код».

Создаем Zero block, удаляем с него все лишнее и вставляем в него код. По умолчанию отобразится блок высотой в 500px. Если вам необходим другой размер по высоте, то нужно дописать в код соответствующий параметр.

В режиме предпросмотра виджет не отображается, нужно опубликовать проект для просмотра.

При этом после публикации сайта можно менять 3D модель. Все изменения совершаем в редакторе сервиса. Заново копировать код и обновлять блок HTML не нужно, все изменения применяются автоматически.

Мы поговорили о том, как за 2 минуты встроить модель на сайт, но с помощью сервиса можно создать целый 3D конфигуратор, базирующийся на вашей модели.

С этим сервисом можно сделать целое веб-приложение. Оно позволит потенциальным покупателям экспериментировать с цветом, формой и разными особенностями товара. За пару минут посетитель сайта сможет создать идеальный дизайн, отрегулировать товар для своих нужд.

Разбор полного функционала сервиса есть на сайте. Также есть видео-уроки на YouTube.

Остались вопросы? Ответим в комментариях!