ReactVision Studio

Was ist ReactVision Studio?

ReactVision Studio ist ein browserbasierter visueller Editor zum Erstellen von Augmented-Reality- und Virtual-Reality-Szenen als Teil des ReactVision-Stacks. Nutzer können Szenen per Drag-and-drop von Komponenten auf eine Leinwand zusammenstellen, Änderungen mit StudioGo auf einem Smartphone oder Headset in der Vorschau ansehen und dieselbe Szene über ViroReact in einer React Native-App ausliefern.

Das Produkt ist darauf ausgelegt, den Authoring-Workflow im Browser zu halten und gleichzeitig das native Rendering auf iOS, Android und Meta Quest zu bewahren. Laut der Seite schreibt Studio den Scene-Graph für Sie, unterstützt Cloud- und geospatiale Anchors und kann KI-basierte 3D-Assets erzeugen, die der Projektbibliothek hinzugefügt werden.

Hauptfunktionen

• Browserbasierter Szeneneditor für AR und VR: Szenen werden visuell im Browser statt in einer Desktop-Engine erstellt.
• Auslieferung an React Native über ViroReact: Ein einziges Szenenformat kann mit einer Komponente in eine App geladen werden, wodurch die Runtime in einer React-Native-Codebasis bleibt.
• Native Plattformdarstellung: Der Stack rendert über ARKit auf iOS, ARCore auf Android und HorizonOS auf Meta Quest.
• Live-Gerätevorschau mit StudioGo: Nutzer sehen, wie Änderungen auf einem verbundenen physischen Gerät über das lokale Netzwerk erscheinen, während sie arbeiten.
• Tools zur Asset- und Szenenverwaltung: Der Editor enthält einen Komponenten-Inspektor, eine Asset-Bibliothek für Modelle, Texturen und Audio sowie Multi-Szenen-Projekte mit anchor-gesteuerter Navigation.
• KI-gestützte 3D-Asset-Generierung: Nutzer können ein Asset per Text beschreiben, ein 3D-Modell erzeugen und es direkt in die Projektbibliothek einfügen.
• Expo-Kompatibilität: Laut der Seite kann Studio in ein Expo-Projekt mit einem Development Build integriert werden.

So verwenden Sie ReactVision Studio

Ein typischer Workflow beginnt im Browser, wo ein Entwickler oder XR-Creator Studio öffnet und eine Szene erstellt, indem er Komponenten auf der Leinwand platziert. Danach kann er jeden Knoten prüfen, Assets hinzufügen, Animationen oder Anchors konfigurieren und die Szene mit StudioGo auf einem Smartphone oder Headset in der Vorschau ansehen.

Wenn die Szene fertig ist, fügen sie die Komponente StudioSceneNavigator in eine React-Native-App ein. ViroReact lädt die Szene zur Laufzeit, sodass das Team die visuelle Szene weiter iterieren kann, ohne die App bei jeder Änderung neu zu bauen.

Anwendungsfälle

• Aufbau einer AR-Produktdemo, die während Layout und Positionierung eine Vorschau auf einem echten Gerät benötigt.
• Erstellung eines VR- oder Mixed-Reality-Erlebnisses für Meta Quest, ohne ein separates headset-spezifisches Projekt zu starten.
• Auslieferung einer React-Native-App mit räumlichen Szenen, die von einem Mobile-Team gepflegt werden kann, das bereits mit JSX vertraut ist.
• Prototyping von geospatialen oder anchor-basierten Erlebnissen, bei denen Szenenplatzierung und Navigation häufig angepasst werden müssen.
• Generierung von Platzhalter- oder Ausgangs-3D-Assets aus Text-Prompts und Einfügen in eine Szenenbibliothek für schnelleren Aufbau.

FAQ

Läuft ReactVision Studio im Browser? Ja. Der Editor ist browserbasiert, während die gerenderten Erlebnisse nativ über React Native und ViroReact ausgeliefert werden.

Welche Plattformen werden für die Laufzeit-Ausgabe unterstützt? Aufgeführt sind iOS, Android und Meta Quest, mit nativer Darstellung über ARKit, ARCore und HorizonOS.

Muss ich die App bei jeder Änderung einer Szene neu bauen? Die Seite sagt, dass StudioSceneNavigator die Szene zur Laufzeit aus Studio lädt, was Teams ermöglichen soll, an der Szene zu iterieren, ohne die App neu zu bauen.

Kann ich Expo verwenden? Ja, laut der Seite ist Studio Expo-kompatibel und kann mit einem Development Build in ein Expo-Projekt integriert werden.

Werden Simulatoren für die AR-Vorschau unterstützt? Nein. Laut der Seite erfordert die AR-Vorschau ein physisches Gerät, und Simulatoren und Emulatoren werden für diesen Workflow nicht unterstützt.

Alternativen

• Unity-basierte XR-Entwicklung: eine gängige Alternative für AR- und VR-Projekte, meist mit einem vollständigen Engine-Workflow statt Browser-Editor und React-Native-Szenen-Runtime.
• Unreal-basierte XR-Entwicklung: eine weitere engine-zentrierte Option, die meist genutzt wird, wenn Teams eher einen breiteren Game-Engine-Workflow als eine JSX-basierte React-Native-Integration wollen.
• WebXR-Anwendungen: browserbereitgestellte XR-Erlebnisse, die keine native App-Bereitstellung erfordern, aber ReactVision wird hier als native-first Option statt als reine Browser-Lösung positioniert.
• Manuelle React-Native- und Plattform-SDK-Integration: Teams können direkt mit nativem ARKit-, ARCore- oder Quest-Tooling bauen, benötigen dafür aber meist mehr plattformspezifische Implementierung als der visuelle Authoring-Flow von Studio.