ReactVision Studio

什么是 ReactVision Studio？

ReactVision Studio 是 ReactVision 技术栈中的一款基于浏览器的可视化编辑器，用于构建增强现实和虚拟现实场景。用户可以通过拖拽组件到画布上来组装场景，使用 StudioGo 在手机或头显上预览更改，并通过 ViroReact 将同一场景发布到 React Native 应用中。

该产品旨在将创作流程保留在浏览器内，同时在 iOS、Android 和 Meta Quest 上保持原生渲染。根据页面介绍，Studio 会为你生成场景图，支持云锚点和地理空间锚点，还能生成基于 AI 的 3D 资产并添加到项目库中。

主要功能

• 基于浏览器的 AR 和 VR 场景编辑器：在浏览器中以可视化方式构建场景，而不是在桌面引擎中完成。
• 通过 ViroReact 向 React Native 交付：单一场景格式可通过一个组件加载到应用中，运行时仍保留在 React Native 代码库内。
• 原生平台渲染：该技术栈通过 iOS 上的 ARKit、Android 上的 ARCore 以及 Meta Quest 上的 HorizonOS 进行渲染。
• 使用 StudioGo 进行实时设备预览：用户在工作时可在连接的实体设备上看到修改通过本地网络实时出现。
• 资源与场景管理工具：编辑器包含组件检查器、用于模型、纹理和音频的资源库，以及支持基于锚点导航的多场景项目。
• AI 辅助的 3D 资产生成：用户可用文本描述资产，生成 3D 模型，并直接放入项目库中。
• Expo 兼容性：页面表示 Studio 可通过开发构建集成到 Expo 项目中。

如何使用 ReactVision Studio

典型工作流从浏览器开始，开发者或 XR 创作者打开 Studio，通过在画布上放置组件来构建场景。他们可以检查每个节点、添加资源、配置动画或锚点，并使用 StudioGo 在手机或头显上预览场景。

场景准备就绪后，他们将 StudioSceneNavigator 组件添加到 React Native 应用中。ViroReact 会在运行时加载该场景，使团队可以在不因每次更改都重新构建应用的情况下持续迭代可视化场景。

使用场景

• 构建需要在布局和定位阶段进行真实设备预览的 AR 产品演示。
• 为 Meta Quest 创建 VR 或混合现实体验，而无需从零开始单独的头显专用项目。
• 发布包含空间场景、且可由已熟悉 JSX 的移动团队维护的 React Native 应用。
• 快速原型化地理空间或基于锚点的体验，其中场景放置和导航需要频繁调整。
• 从文本提示生成占位或起始用的 3D 资产，并将其放入场景库中，以加快组装速度。

常见问题

ReactVision Studio 能在浏览器中运行吗？
可以。编辑器基于浏览器，而渲染后的体验通过 React Native 和 ViroReact 原生发布。

运行时输出支持哪些平台？
页面列出了 iOS、Android 和 Meta Quest，并通过 ARKit、ARCore 和 HorizonOS 进行原生渲染。

每次修改场景都需要重新构建应用吗？
页面说明 StudioSceneNavigator 会在运行时从 Studio 加载场景，旨在让团队无需重新构建应用即可迭代场景。

可以使用 Expo 吗？
可以，页面表示 Studio 兼容 Expo，并且可通过开发构建集成到 Expo 项目中。

AR 预览支持模拟器吗？
不支持。页面说明 AR 预览需要实体设备，该工作流不支持模拟器和仿真器。

替代方案

• 基于 Unity 的 XR 开发：AR 和 VR 项目的常见替代方案，通常涉及完整的引擎工作流，而不是浏览器编辑器和 React Native 场景运行时。
• 基于 Unreal 的 XR 开发：另一种以引擎为中心的选择，通常适合希望采用更广泛游戏引擎工作流、而不是 JSX 驱动的 React Native 集成的团队。
• WebXR 应用：通过浏览器交付的 XR 体验，无需原生应用部署，但页面将 ReactVision 定位为原生优先，而非仅浏览器方案。
• 手动集成 React Native + 平台 SDK：团队可以直接使用原生 ARKit、ARCore 或 Quest 工具构建，但这通常比 Studio 的可视化创作流程需要更多平台特定实现。