Перейти к содержимому

Определение плоскостей и размещение объектов в дополненной реальности (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... *(Приведенные ссылки являются частью партнерской программы и помогают поддерживать канал без дополнительных затрат)