ReactVision Studio

Che cos'è ReactVision Studio?

ReactVision Studio è un editor visivo basato sul browser per creare scene di realtà aumentata e realtà virtuale come parte dello stack ReactVision. Consente agli utenti di assemblare scene trascinando componenti su una canvas, visualizzare le modifiche in anteprima su un telefono o un visore con StudioGo e distribuire la stessa scena all'interno di un'app React Native tramite ViroReact.

Il prodotto è pensato per mantenere il flusso di authoring nel browser, preservando al tempo stesso il rendering nativo su iOS, Android e Meta Quest. Secondo la pagina, Studio scrive per te il scene graph, supporta anchor cloud e geospaziali e può generare asset 3D basati su AI da aggiungere alla libreria del progetto.

Funzionalità principali

• Editor di scene basato sul browser per AR e VR: le scene vengono create visivamente nel browser anziché in un engine desktop.
• Distribuzione su React Native tramite ViroReact: un unico formato di scena può essere caricato in un'app con un solo componente, mantenendo il runtime all'interno di una codebase React Native.
• Rendering nativo su piattaforma: lo stack esegue il rendering tramite ARKit su iOS, ARCore su Android e HorizonOS su Meta Quest.
• Anteprima live su dispositivo con StudioGo: gli utenti possono vedere le modifiche comparire su un dispositivo fisico connesso sulla rete locale mentre lavorano.
• Strumenti di gestione di asset e scene: l'editor include un inspector dei componenti, una libreria di asset per modelli, texture e audio, e progetti multi-scena con navigazione guidata da anchor.
• Generazione 3D assistita dall'AI: gli utenti possono descrivere un asset in testo, generare un modello 3D e inserirlo direttamente nella libreria del progetto.
• Compatibilità con Expo: la pagina indica che Studio può integrarsi in un progetto Expo con una build di sviluppo.

Come usare ReactVision Studio

Un flusso di lavoro tipico inizia nel browser, dove uno sviluppatore o creator XR apre Studio e costruisce una scena posizionando i componenti sulla canvas. Può ispezionare ogni nodo, aggiungere asset, configurare animazioni o anchor e visualizzare in anteprima la scena su un telefono o un visore usando StudioGo.

Quando la scena è pronta, si aggiunge il componente StudioSceneNavigator a un'app React Native. ViroReact carica la scena a runtime, consentendo al team di continuare a iterare sulla scena visiva senza ricompilare l'app a ogni modifica.

Casi d'uso

• Creare una demo di prodotto AR che richiede anteprima su dispositivo reale durante layout e posizionamento.
• Realizzare un'esperienza VR o mixed reality per Meta Quest senza avviare un progetto separato specifico per il visore.
• Pubblicare un'app React Native che include scene spaziali e può essere mantenuta da un team mobile già familiare con JSX.
• Prototipare esperienze geospaziali o basate su anchor in cui il posizionamento e la navigazione della scena devono essere regolati frequentemente.
• Generare asset 3D segnaposto o di partenza da prompt testuali e inserirli in una libreria di scene per un'assemblaggio più rapido.

FAQ

ReactVision Studio funziona nel browser? Sì. L'editor è basato sul browser, mentre le esperienze renderizzate vengono distribuite nativamente tramite React Native e ViroReact.

Quali piattaforme sono supportate per l'output runtime? La pagina elenca iOS, Android e Meta Quest, con rendering nativo tramite ARKit, ARCore e HorizonOS.

Devo ricompilare l'app ogni volta che modifico una scena? La pagina dice che StudioSceneNavigator carica la scena a runtime da Studio, con l'obiettivo di consentire ai team di iterare sulla scena senza ricompilare l'app.

Posso usare Expo? Sì, la pagina dice che Studio è compatibile con Expo e può essere integrato in un progetto Expo con una build di sviluppo.

Gli emulatori sono supportati per l'anteprima AR? No. La pagina dice che l'anteprima AR richiede un dispositivo fisico e che simulatori ed emulatori non sono supportati per questo flusso di lavoro.

Alternative

• Sviluppo XR basato su Unity: un'alternativa comune per progetti AR e VR, che in genere comporta un flusso di lavoro completo da engine anziché un editor browser e un runtime di scene React Native.
• Sviluppo XR basato su Unreal: un'altra opzione centrata su un engine, generalmente usata quando i team vogliono un flusso di lavoro più ampio da game engine invece dell'integrazione React Native guidata da JSX.
• Applicazioni WebXR: esperienze XR distribuite nel browser che evitano il deployment di app native, ma la pagina posiziona ReactVision come un'opzione native-first piuttosto che solo browser-based.
• Integrazione manuale di React Native + SDK di piattaforma: i team possono sviluppare direttamente con gli strumenti nativi ARKit, ARCore o Quest, ma di solito ciò richiede più implementazione specifica per piattaforma rispetto al flusso di authoring visuale di Studio.