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

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