Хотите такую же красоту на свой сайт или блог?
С Vectary это не трудно. Можно разобраться самостоятельно, инструкция ниже. Если будут вопросы – обращайтесь, я буду рад помочь.
Vectary – это максимально дружелюбный 3D-софт, который работает прямо в браузере.
И с его помощью интегрировать 3D и AR на сайт так же легко, как встроить видео с YouTube.
Посетители вашего сайта смогут открыть 3D модель в дополненной реальности прямо из браузера, без необходимости загружать внешние приложения. Поддерживается на iPhone и Android.
А вот так выглядит просмотр модели в браузере – ссылка.
То есть в таком же виде это можно добавить на сайт.
Подробная инструкция по добавлению 3D-модели с возможностью просмотра в AR на сайт. На примере Tilda. Если кто не знает, Tilda – это лучший русскоязычный конструктор сайтов.
1. Зайдите на сайт Vectary, пройдите регистрацию.
2. Импортируйте уже готовую 3D-модель в Vectary через Menu-Import или просто перетащите объект на сцену. Импортировать можно все самые популярные форматы, связанные с 3D или 2D. Или найдите нужную модель в огромной библиотеке Vectary, или создайте с модель с нуля сами, это несложно, сможет каждый.
Как пройти в библиотеку? Верхняя панель слева, вкладка "Library" Под значками найдёте объекты, материалы, окружения и готовые сцены. Чтобы поместить на сцену, просто выбираете объект и перетаскивайте на сцену.
3. Когда сцена готова, нажмите на вкладку Viewer и нажмите Generate. Там же есть возможность задать дополнительные параметры просмотра: скорость вращения, ракурс камеры и тд.
4. После генерации вы получаете код для вставки модели на сайт и ссылку на просмотр в браузере. В окне модели будет и QR-код для открытия модели в дополненной реальности.
5. Зайдите в Tilda. Добавьте на страницу сайта блок T123 HTML-код, вы его найдете в разделе блоков "Другое".
6. Вставьте сгенерированный код модели из Vectary в контент этого блока, сохраните и опубликуйте страницу.
Это будет выглядеть вот так
Готово!
Если открыть эту страничку с телефона и нажать на значок AR, то телефон откроет модель в дополненной реальности (если, конечно, ваш телефон поддерживает эту технологию).
Нет времени для генерации вашего кода WebAR?
Возьмите этот код:
<iframe id="f4e1d9b8-a623-480c-bc91-d84eb24de824" src="https://www.vectary.com/viewer/v1/?model=f4e1d9b8-a623-480c-bc91-d84eb24de824&env=moonlessgolf" frameborder="0" width="100%" height="480"></iframe>
Просмотр и поведение вашей модели на сайте можно настроить разнообразными способами. Сцена или модель могут быть интерактивными, то есть с ним будут взаимодействовать ваши посетители. Тут всё зависит от вашей фантазии и от умения работать с кодом. Если фантазия разбушевалась, а навыков не хватает, то можно обратиться к программистам.
Если смотреть на этот инструмент более глобально, то с его помощью можно сделать целое веб-приложение, в котором посетители вашего сайта смогут выбирать ваш продукт в разных вариациях цвета, формы, материалов, и всё это в одном окне.
Эта магия делается с помощью Vectary API, с ним можно познакомиться на сайте Vectary.
Вы можете очень быстро научиться работать в Vectary благодаря нашему видео-курсу : https://facette-vectary.ru/course_vectary .