3D и AR помощью Vectary

С Vectary это не трудно. Можно разобраться самостоятельно, инструкция ниже. Если будут вопросы – обращайтесь, я буду рад помочь.

Vectary – это максимально дружелюбный 3D-софт, который работает прямо в браузере.

И с его помощью интегрировать 3D и AR на сайт так же легко, как встроить видео с YouTube.

Посетители вашего сайта смогут открыть 3D модель в дополненной реальности прямо из браузера, без необходимости загружать внешние приложения. Поддерживается на iPhone и Android.

А вот так выглядит просмотр модели в браузере – ссылка.
То есть в таком же виде это можно добавить на сайт.

Подробная инструкция по добавлению 3D-модели с возможностью просмотра в AR на сайт. На примере Tilda. Если кто не знает, Tilda – это лучший русскоязычный конструктор сайтов.

1. Зайдите на сайт Vectary, пройдите регистрацию.

Зарегистрироваться и создать новый объект займёт всего 1 минуту

2. Импортируйте уже готовую 3D-модель в Vectary через Menu-Import или просто перетащите объект на сцену. Импортировать можно все самые популярные форматы, связанные с 3D или 2D. Или найдите нужную модель в огромной библиотеке Vectary, или создайте с модель с нуля сами, это несложно, сможет каждый.

Как пройти в библиотеку? Верхняя панель слева, вкладка "Library" Под значками найдёте объекты, материалы, окружения и готовые сцены. Чтобы поместить на сцену, просто выбираете объект и перетаскивайте на сцену.

Верхняя панель слева, вкладка "Library"

3. Когда сцена готова, нажмите на вкладку Viewer и нажмите Generate. Там же есть возможность задать дополнительные параметры просмотра: скорость вращения, ракурс камеры и тд.

Viewer - Generate

4. После генерации вы получаете код для вставки модели на сайт и ссылку на просмотр в браузере. В окне модели будет и QR-код для открытия модели в дополненной реальности.

QR-код для открытия модели в AR

5. Зайдите в Tilda. Добавьте на страницу сайта блок T123 HTML-код, вы его найдете в разделе блоков "Другое".

6. Вставьте сгенерированный код модели из Vectary в контент этого блока, сохраните и опубликуйте страницу.

Это будет выглядеть вот так

Блок в Тильде с добавленным кодом

Готово!

Если открыть эту страничку с телефона и нажать на значок AR, то телефон откроет модель в дополненной реальности (если, конечно, ваш телефон поддерживает эту технологию).