Руководство по контенту с дополненной реальностью (3D / AR)
Общие концепции AR контента
Поддерживаемые платформы:
- Все iOS устройства с iOS 12+;
- Все Android устройства с Android 7+ и Google Services в 3D режиме;
- Android устройства из списка https://developers.google.com/ar/discover/supporte... в AR режиме.
Так как в данный момент AR контент будет отображаться только в мобильных приложениях, то возможность просматривать AR контент не должна быть обязательной для прохождения курса. Дополненная реальность призвана улучшать пользовательский опыт и помогать усваивать новый материал.
3D модели для AR контента не должны быть очень большими и сложными.
Пример отображения AR контента в шагах
В мобильных приложениях AR контент помечается специальной иконкой.
Добавление 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:
И так на Android: