ReactVision Studio

O que é o ReactVision Studio?

O ReactVision Studio é um editor visual baseado no navegador para criar cenas de realidade aumentada e realidade virtual como parte da stack ReactVision. Ele permite que os usuários montem cenas arrastando componentes para uma canvas, visualizem as alterações num telemóvel ou headset com o StudioGo e publiquem a mesma cena dentro de uma app React Native através do ViroReact.

O produto foi concebido para manter o fluxo de criação no navegador, preservando ao mesmo tempo a renderização nativa em iOS, Android e Meta Quest. Segundo a página, o Studio escreve a scene graph por si, suporta anchors na cloud e geoespaciais e pode gerar assets 3D com base em IA, que são adicionados à biblioteca do projeto.

Funcionalidades Principais

• Editor de cenas baseado no navegador para AR e VR: as cenas são criadas visualmente no navegador, em vez de num motor de desktop.
• Entrega em React Native através do ViroReact: um único formato de cena pode ser carregado numa app com um componente, mantendo o runtime dentro de uma base de código React Native.
• Renderização nativa nas plataformas: a stack renderiza através de ARKit no iOS, ARCore no Android e HorizonOS no Meta Quest.
• Pré-visualização em dispositivo em tempo real com o StudioGo: os utilizadores podem ver as edições aparecer num dispositivo físico ligado, pela rede local, enquanto trabalham.
• Ferramentas de gestão de assets e cenas: o editor inclui um inspector de componentes, uma biblioteca de assets para modelos, texturas e áudio, e projetos com várias cenas e navegação orientada por anchors.
• Geração de assets 3D assistida por IA: os utilizadores podem descrever um asset em texto, gerar um modelo 3D e colocá-lo diretamente na biblioteca do projeto.
• Compatibilidade com Expo: a página diz que o Studio pode ser integrado num projeto Expo com uma development build.

Como Usar o ReactVision Studio

Um fluxo de trabalho típico começa no navegador, onde um developer ou criador XR abre o Studio e constrói uma cena colocando componentes na canvas. Pode inspecionar cada node, adicionar assets, configurar animações ou anchors e pré-visualizar a cena num telemóvel ou headset usando o StudioGo.

Quando a cena está pronta, adicionam o componente StudioSceneNavigator a uma app React Native. O ViroReact carrega a cena em runtime, permitindo que a equipa continue a iterar na cena visual sem reconstruir a app a cada alteração.

Casos de Utilização

• Criar uma demonstração de produto em AR que precise de pré-visualização em dispositivo real durante o layout e o posicionamento.
• Criar uma experiência de VR ou realidade mista para o Meta Quest sem iniciar um projeto separado específico para headset.
• Publicar uma app React Native que inclua cenas espaciais e possa ser mantida por uma equipa mobile já familiarizada com JSX.
• Prototipar experiências geoespaciais ou baseadas em anchors em que o posicionamento e a navegação da cena precisam de ajustes frequentes.
• Gerar assets 3D provisórios ou de base a partir de prompts de texto e colocá-los numa biblioteca de cenas para uma montagem mais rápida.

FAQ

O ReactVision Studio funciona no navegador? Sim. O editor é baseado no navegador, enquanto as experiências renderizadas são publicadas nativamente através de React Native e ViroReact.

Quais plataformas são suportadas para a saída em runtime? A página lista iOS, Android e Meta Quest, com renderização nativa via ARKit, ARCore e HorizonOS.

Preciso de reconstruir a app sempre que altero uma cena? A página diz que o StudioSceneNavigator carrega a cena em runtime a partir do Studio, o que foi concebido para permitir que as equipas iterem na cena sem reconstruir a app.

Posso usar o Expo? Sim, a página diz que o Studio é compatível com Expo e pode ser integrado num projeto Expo com uma development build.

Os simuladores são suportados para pré-visualização de AR? Não. A página diz que a pré-visualização de AR requer um dispositivo físico, e que simuladores e emuladores não são suportados para esse fluxo de trabalho.

Alternativas

• Desenvolvimento XR baseado em Unity: uma alternativa comum para projetos de AR e VR, normalmente envolvendo um fluxo de trabalho completo de motor, em vez de um editor no navegador e runtime de cenas em React Native.
• Desenvolvimento XR baseado em Unreal: outra opção centrada num motor, geralmente usada quando as equipas querem um fluxo de trabalho mais amplo de motor de jogos em vez de integração React Native orientada por JSX.
• Aplicações WebXR: experiências XR entregues no navegador que evitam a implementação de apps nativas, mas a página posiciona o ReactVision como uma opção native-first, em vez de apenas para browser.
• Integração manual de React Native + SDKs de plataforma: as equipas podem construir diretamente com ARKit, ARCore ou ferramentas do Quest nativas, mas isso normalmente exige mais implementação específica por plataforma do que o fluxo visual de autoria do Studio.