Создаем WebXR-приложение за 10 минут (урок №1 по IWSDK для начинающих)
Alive Studios
0:00 / 0:00
Создаем WebXR-приложение за 10 минут (урок №1 по IWSDK для начинающих)
1 020 просмотров · 2 месяца назад
Alive Studios
4,9 тыс. подписчиков
1 020 просмотров · 2 месяца назад
Что если ваше следующее AR-приложение будет вовсе не приложением, а просто веб-сайтом?
В этом руководстве мы создадим наш первый проект WebXR с помощью бесплатного Immersive Web SDK. Мы создадим новый проект IWSDK, настроим его для дополненной реальности, изучим сгенерированную структуру проекта, запустим приложение локально в браузере, протестируем его с помощью встроенного симулятора IWER и, наконец, откроем его на настоящей гарнитуре Meta Quest.
WebXR позволяет создавать захватывающие AR и VR-приложения, работающие непосредственно в браузере. Загрузка приложения не требуется. С помощью Immersive Web SDK вы можете создавать кроссплатформенные XR-приложения для таких устройств, как Meta Quest, Pico, Apple Vision Pro, устройства Android XR, Snap Specs и будущих AR-очков.
Это руководство подходит для начинающих, но я рекомендую иметь базовый опыт работы с JavaScript или TypeScript. Вам также следует знать основы Visual Studio Code или вашей предпочтительной среды разработки.
В этом видео вы узнаете:
Как создать новый проект Immersive Web SDK
Как настроить проект для дополненной реальности
Как работает сгенерированная структура проекта
Для чего используются папки public и src
Как index.ts создает мир WebXR
Как взаимодействуют ресурсы, сущности, компоненты и системы
Как запустить проект локально с помощью npm run dev
Как протестировать WebXR в браузере с помощью IWER
Как открыть тот же проект на гарнитуре Meta Quest
Полезные команды:
node -v
npm create @iwsdk@latest
npm run dev
Полезные ссылки:
Immersive Web SDK:
https://iwsdk.dev/
WebXR:
https://immersiveweb.dev/
Node.js:
https://nodejs.org/en
Если вас интересует разработка AR, WebXR, пространственные технологии Вычислительная техника, Unity, инструменты ИИ и создание интерфейсов будущего — подписывайтесь!
#WebXR #ДополненнаяРеальность #ИммерсивныйВеб #РазработкаAR #ПространственныеВычисления
Спасибо за просмотр, Alive Studios!
Моя AR-игра:
https://apps.apple.com/us/app/avyace/...
Хотите быстро начать разработку AR-игр? Посмотрите мои ресурсы «AR Magic Bar и Magic AR Wingman» для Unity*:
https://assetstore.unity.com/packages...
https://assetstore.unity.com/packages...
Создавайте кроссплатформенные WebXR и 3D-модели в Unity с помощью Needle*:
https://cloud.needle.tools/?purchase_...
Отличный инструмент для генерации текста/изображений для 3D-моделей*:
http://meshy.ai/?via=alivestudios
Мои уроки по 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...
*(Приведенные ссылки являются частью партнерской программы и помогают поддерживать канал без дополнительных затрат)