Определение плоскостей и размещение объектов в дополненной реальности (WebXR) (урок #4 для начина...
Alive Studios
0:00 / 0:00
Определение плоскостей и размещение объектов в дополненной реальности (WebXR) (урок #4 для начина...
252 просмотра · 1 месяц назад
Alive Studios
4,92 тыс. подписчиков
252 просмотра · 1 месяц назад
В этом четвертом уроке по IWSDK WebXR мы добавим обнаружение плоскостей и используем его для размещения виртуальных объектов на поверхностях реального мира.
Начнем с включения обнаружения плоскостей в иммерсивной AR-сессии и назначим обнаруженным плоскостям простой полупрозрачный материал, сделав пол, столы и другие поверхности видимыми в реальном мире.
Далее мы создадим целевой луч окружения, который следует за лучом контроллера или руки и определяет точку пересечения с плоскостью реального мира. Наконец, мы будем отслеживать выбранный жест, например, нажатие кнопки контроллера или сжатие руки, и создадим куб в этой точке.
В этом руководстве вы узнаете, как:
• Включить обнаружение плоскостей в дополненной реальности на основе IWSDK
• Визуализировать обнаруженные плоскости дополненной реальности с помощью полупрозрачного материала
• Создать цель для трассировки лучей в окружении
• Считать позицию попадания луча на реальной поверхности
• Реагировать на выбор контроллера и ввод с помощью жеста «щипок руки»
• Создавать 3D-объекты на обнаруженных плоскостях
В конце у вас будет простая сцена дополненной реальности WebXR, где пользователи смогут наводить курсор на реальную поверхность и размещать на ней кубы.
Ресурсы
IWSDK: https://iwsdk.dev/
Файлы проекта: https://github.com/Alive-hub/IWSDK-Be...
Предыдущий урок по IWSDK: • Build an Interactive AR Dinosaur in WebXR ...
#WebXR #ДополненнаяРеальность #ThreeJS #IWSDK #ВебРазработка #РазработкаAR
Если вас интересует разработка AR, WebXR, пространственные вычисления, Unity, инструменты ИИ и создание интерфейсов будущего, подпишитесь на канал.
#WebXR #ДополненнаяРеальность #ИммерсивныйВеб #РазработкаAR #ПространственныеВычисления
Спасибо за просмотр Alive Studios!
Моя AR-игра:
https://apps.apple.com/us/app/avyace/...
Замечательный инструмент для генерации текста/изображений для 3D-моделей:*
http://meshy.ai/?via=alivestudios
Хотите быстро начать разработку AR-игр? Посмотрите мой ресурс «AR Magic Bar and Magic AI Wingman» для Unity*:
https://assetstore.unity.com/packages...
https://assetstore.unity.com/packages...
Создавайте кроссплатформенные WebXR и 3D в Unity с помощью Needle:*
https://cloud.needle.tools/?purchase_...
Мои уроки по AR в Unity:
• ARDK3 Tutorials
Отличные ресурсы Unity для AR / VR / WebXR*:
Универсальный набор полигонов (всего понемногу):
https://assetstore.unity.com/packages...
Масштабный набор полигонов (3000 высококачественных полигональных моделей для любых приложений AR):
https://assetstore.unity.com/packages...
Полигональные анимированные животные:
https://assetstore.unity.com/packages...
Выбранные красивые тематические наборы Poly (фэнтези, город, средневековье, автомобили и т. д.)
https://assetstore.unity.com/lists/po...
Ресурсы Polyart Synty:
https://assetstore.unity.com/publishe...
Выдающиеся анимированные животные Polyart:
https://assetstore.unity.com/publishe...
Эпические визуальные эффекты для AR/VR (Взрывы, дым, магия и т. д.) (Примечание: некоторые из этих эффектов могут потребовать доработки для WebXR)
https://assetstore.unity.com/packages...
*(Приведенные ссылки являются частью партнерской программы и помогают поддерживать канал без дополнительных затрат)