ReactVision Studio

Что такое ReactVision Studio?

ReactVision Studio — это браузерный визуальный редактор для создания сцен дополненной и виртуальной реальности в составе стека ReactVision. Он позволяет собирать сцены перетаскиванием компонентов на холст, просматривать изменения на телефоне или гарнитуре с помощью StudioGo и запускать ту же сцену внутри приложения React Native через ViroReact.

Продукт создан для того, чтобы оставить процесс авторинга в браузере, сохраняя нативный рендеринг на iOS, Android и Meta Quest. Согласно странице, Studio сам пишет граф сцены, поддерживает облачные и геопространственные якоря и может генерировать 3D-ассеты с помощью ИИ, добавляя их в библиотеку проекта.

Ключевые возможности

• Браузерный редактор сцен для AR и VR: сцены собираются визуально в браузере, а не в настольном движке.
• Доставка в React Native через ViroReact: один формат сцены можно загрузить в приложение одним компонентом, сохраняя runtime внутри кода React Native.
• Нативный рендеринг на платформах: стек рендерит через ARKit на iOS, ARCore на Android и HorizonOS на Meta Quest.
• Живой предпросмотр на устройстве с StudioGo: пользователи могут видеть изменения на подключенном физическом устройстве по локальной сети во время работы.
• Инструменты управления ассетами и сценами: в редакторе есть инспектор компонентов, библиотека ассетов для моделей, текстур и аудио, а также много-сценовые проекты с навигацией через якоря.
• Генерация 3D-ассетов с помощью ИИ: пользователи могут описать ассет текстом, сгенерировать 3D-модель и сразу поместить её в библиотеку проекта.
• Совместимость с Expo: на странице указано, что Studio можно встроить в проект Expo с помощью development build.

Как использовать ReactVision Studio

Типичный рабочий процесс начинается в браузере: разработчик или XR-креатор открывает Studio и собирает сцену, размещая компоненты на холсте. Он может просматривать каждый узел, добавлять ассеты, настраивать анимации или якоря и смотреть сцену на телефоне или гарнитуре через StudioGo.

Когда сцена готова, в приложение React Native добавляют компонент StudioSceneNavigator. ViroReact загружает сцену во время выполнения, позволяя команде продолжать итерации над визуальной сценой без пересборки приложения после каждого изменения.

Сценарии использования

• Создание AR-демо продукта, для которого нужен просмотр на реальном устройстве во время компоновки и позиционирования.
• Создание VR- или mixed reality-опыта для Meta Quest без запуска отдельного проекта под гарнитуру.
• Публикация приложения React Native со spatial-сценами, которое может поддерживать мобильная команда, уже знакомая с JSX.
• Прототипирование геопространственных или якорных сценариев, где нужно часто корректировать размещение и навигацию сцены.
• Генерация временных или базовых 3D-ассетов по текстовым подсказкам и добавление их в библиотеку сцены для более быстрой сборки.

FAQ

ReactVision Studio работает в браузере? Да. Редактор браузерный, а отрисованные сценарии поставляются нативно через React Native и ViroReact.

Какие платформы поддерживаются для runtime-вывода? На странице указаны iOS, Android и Meta Quest, с нативным рендерингом через ARKit, ARCore и HorizonOS.

Нужно ли пересобирать приложение каждый раз, когда я меняю сцену? На странице сказано, что StudioSceneNavigator загружает сцену во время выполнения из Studio, что должно позволять командам итеративно дорабатывать сцену без пересборки приложения.

Можно ли использовать Expo? Да, на странице указано, что Studio совместим с Expo и может быть встроен в проект Expo с помощью development build.

Поддерживаются ли симуляторы для предпросмотра AR? Нет. На странице сказано, что для предпросмотра AR требуется физическое устройство, а симуляторы и эмуляторы для этого сценария не поддерживаются.

Альтернативы

• Разработка XR на Unity: распространённая альтернатива для проектов AR и VR, обычно предполагающая полный рабочий процесс движка вместо браузерного редактора и runtime сцен в React Native.
• Разработка XR на Unreal: ещё один вариант с акцентом на движок, который обычно используют, когда команде нужен более широкий workflow игрового движка вместо интеграции React Native на базе JSX.
• Приложения WebXR: XR-опыты, доставляемые через браузер и не требующие нативного развёртывания, но ReactVision позиционируется как вариант с упором на native-first, а не только браузерный.
• Ручная интеграция React Native + platform SDK: команды могут собирать напрямую с использованием нативных инструментов ARKit, ARCore или Quest, но это обычно требует более специфичной для платформ реализации, чем визуальный поток авторинга Studio.