Руководство по контенту с дополненной реальностью (3D / AR)

Общие концепции AR контента

Поддерживаемые платформы:

Так как в данный момент AR контент будет отображаться только в мобильных приложениях, то возможность просматривать AR контент не должна быть обязательной для прохождения курса. Дополненная реальность призвана улучшать пользовательский опыт и помогать усваивать новый материал.

3D модели для AR контента не должны быть очень большими и сложными.

Пример отображения AR контента в шагах

В мобильных приложениях AR контент помечается специальной иконкой.

cVBQ7rs.gif

Добавление AR контента

1. Сохраните вашу 3D модель в glTF формате.

2. С помощью Reality Converter или иного инструмента сконвертируйте модель из формата glTF в формат usdz.

3. Любым удобным способом сгенерируйте превью картинку для вашей модели.

Итоговый набор файлов будет следующим.

4. Загрузите файлы моделей в любое удобное для вас место. (Например репозиторий в GitHub)

В редакторе шагов перейдите в режим редактирования исходного кода шага (кнопка source).

Добавьте следующий код:

<span data-position="1575" data-size="23"><model-viewer
 src="{ссылка на модель в формате glTF}"
 ios-src="{ссылка на модель в формате usdz}"
 thumbnail="{ссылка на превью картинку для модели}">
</model-viewer></span>

Пример заполнения:

6. В итоге так шаг будет выглядеть на iOS:

iOS

И так на Android:

Android