ReactVision Studio

¿Qué es ReactVision Studio?

ReactVision Studio es un editor visual basado en el navegador para crear escenas de realidad aumentada y realidad virtual como parte del stack de ReactVision. Permite a los usuarios montar escenas arrastrando componentes a un lienzo, previsualizar cambios en un teléfono o visor con StudioGo y publicar la misma escena dentro de una app de React Native a través de ViroReact.

El producto está diseñado para mantener el flujo de creación en el navegador y, al mismo tiempo, conservar el renderizado nativo en iOS, Android y Meta Quest. Según la página, Studio escribe por ti el grafo de escena, admite anchors en la nube y geoespaciales, y puede generar activos 3D basados en IA que se añaden a la biblioteca del proyecto.

Funciones clave

• Editor de escenas basado en navegador para AR y VR: las escenas se construyen visualmente en el navegador en lugar de en un motor de escritorio.
• Entrega a React Native mediante ViroReact: un único formato de escena se puede cargar en una app con un solo componente, manteniendo el runtime dentro de una base de código de React Native.
• Renderizado nativo por plataforma: el stack renderiza mediante ARKit en iOS, ARCore en Android y HorizonOS en Meta Quest.
• Vista previa en vivo en dispositivo con StudioGo: los usuarios pueden ver cómo los cambios aparecen en un dispositivo físico conectado a través de la red local mientras trabajan.
• Herramientas de gestión de activos y escenas: el editor incluye un inspector de componentes, una biblioteca de recursos para modelos, texturas y audio, y proyectos de múltiples escenas con navegación basada en anchors.
• Generación de activos 3D asistida por IA: los usuarios pueden describir un activo en texto, generar un modelo 3D y colocarlo directamente en la biblioteca del proyecto.
• Compatibilidad con Expo: la página indica que Studio puede integrarse en un proyecto de Expo con una compilación de desarrollo.

Cómo usar ReactVision Studio

Un flujo de trabajo típico comienza en el navegador, donde un desarrollador o creador XR abre Studio y construye una escena colocando componentes en el lienzo. Puede inspeccionar cada nodo, añadir activos, configurar animaciones o anchors y previsualizar la escena en un teléfono o visor usando StudioGo.

Cuando la escena está lista, añade el componente StudioSceneNavigator a una app de React Native. ViroReact carga la escena en tiempo de ejecución, lo que permite al equipo seguir iterando sobre la escena visual sin recompilar la app con cada cambio.

Casos de uso

• Crear una demo de producto AR que necesite vista previa en un dispositivo real durante el diseño y la colocación.
• Crear una experiencia VR o de realidad mixta para Meta Quest sin empezar un proyecto separado específico para visor.
• Publicar una app de React Native que incluya escenas espaciales y pueda ser mantenida por un equipo móvil ya familiarizado con JSX.
• Prototipar experiencias geoespaciales o basadas en anchors donde la colocación y la navegación de la escena deban ajustarse con frecuencia.
• Generar activos 3D de marcador o punto de partida a partir de prompts de texto y añadirlos a una biblioteca de escenas para un montaje más rápido.

Preguntas frecuentes

¿ReactVision Studio funciona en el navegador? Sí. El editor está basado en el navegador, mientras que las experiencias renderizadas se publican de forma nativa mediante React Native y ViroReact.

¿Qué plataformas son compatibles para la salida en tiempo de ejecución? La página enumera iOS, Android y Meta Quest, con renderizado nativo mediante ARKit, ARCore y HorizonOS.

¿Tengo que recompilar la app cada vez que cambio una escena? La página indica que StudioSceneNavigator carga la escena en tiempo de ejecución desde Studio, lo que está pensado para permitir a los equipos iterar sobre la escena sin recompilar la app.

¿Puedo usar Expo? Sí, la página dice que Studio es compatible con Expo y puede integrarse en un proyecto de Expo con una compilación de desarrollo.

¿Se admiten simuladores para la vista previa de AR? No. La página indica que la vista previa de AR requiere un dispositivo físico y que los simuladores y emuladores no son compatibles con ese flujo de trabajo.

Alternativas

• Desarrollo XR basado en Unity: una alternativa común para proyectos de AR y VR, que normalmente implica un flujo de trabajo completo de motor en lugar de un editor web y un runtime de escenas para React Native.
• Desarrollo XR basado en Unreal: otra opción centrada en motor que suele utilizarse cuando los equipos quieren un flujo de trabajo de motor de juego más amplio en lugar de una integración de React Native impulsada por JSX.
• Aplicaciones WebXR: experiencias XR entregadas en el navegador que evitan la implementación de apps nativas, pero la página posiciona ReactVision como una opción nativa primero en lugar de solo navegador.
• Integración manual de React Native + SDKs de plataforma: los equipos pueden construir directamente con herramientas nativas de ARKit, ARCore o Quest, pero eso suele requerir más implementación específica por plataforma que el flujo visual de creación de Studio.