ReactVision Studio

Qu’est-ce que ReactVision Studio ?

ReactVision Studio est un éditeur visuel basé sur le navigateur pour créer des scènes de réalité augmentée et de réalité virtuelle dans le cadre de la stack ReactVision. Il permet aux utilisateurs d’assembler des scènes en glissant des composants sur un canevas, de prévisualiser les changements sur un téléphone ou un casque avec StudioGo, et de déployer la même scène dans une application React Native via ViroReact.

Le produit est conçu pour conserver le flux de création dans le navigateur tout en préservant le rendu natif sur iOS, Android et Meta Quest. Selon la page, Studio génère pour vous le graphe de scène, prend en charge les ancres cloud et géospatiales, et peut créer des assets 3D basés sur l’IA, ajoutés à la bibliothèque du projet.

Fonctionnalités clés

• Éditeur de scènes AR et VR basé sur le navigateur : les scènes sont créées visuellement dans le navigateur plutôt que dans un moteur de bureau.
• Livraison React Native via ViroReact : un format de scène unique peut être chargé dans une application avec un seul composant, ce qui maintient l’exécution dans une base de code React Native.
• Rendu natif sur plateforme : la stack rend via ARKit sur iOS, ARCore sur Android et HorizonOS sur Meta Quest.
• Prévisualisation en direct sur appareil avec StudioGo : les utilisateurs peuvent voir les modifications apparaître sur un appareil physique connecté via le réseau local pendant qu’ils travaillent.
• Outils de gestion des assets et des scènes : l’éditeur inclut un inspecteur de composants, une bibliothèque d’assets pour les modèles, textures et audio, ainsi que des projets multi-scènes avec navigation pilotée par ancres.
• Génération d’assets 3D assistée par l’IA : les utilisateurs peuvent décrire un asset en texte, générer un modèle 3D et l’ajouter directement à la bibliothèque du projet.
• Compatibilité Expo : la page indique que Studio peut s’intégrer à un projet Expo avec une build de développement.

Comment utiliser ReactVision Studio

Un flux de travail typique commence dans le navigateur, où un développeur ou créateur XR ouvre Studio et construit une scène en plaçant des composants sur le canevas. Il peut inspecter chaque nœud, ajouter des assets, configurer des animations ou des ancres, et prévisualiser la scène sur un téléphone ou un casque avec StudioGo.

Lorsque la scène est prête, il ajoute le composant StudioSceneNavigator à une application React Native. ViroReact charge la scène à l’exécution, ce qui permet à l’équipe de continuer à itérer sur la scène visuelle sans reconstruire l’application à chaque modification.

Cas d’usage

• Créer une démonstration produit AR nécessitant un aperçu sur appareil réel pendant la mise en page et le positionnement.
• Créer une expérience VR ou de réalité mixte pour Meta Quest sans démarrer un projet distinct spécifique au casque.
• Livrer une application React Native incluant des scènes spatiales et pouvant être maintenue par une équipe mobile déjà familière avec JSX.
• Prototyper des expériences géospatiales ou basées sur des ancres où le placement et la navigation de la scène doivent être ajustés fréquemment.
• Générer des assets 3D provisoires ou de départ à partir d’invites textuelles et les déposer dans une bibliothèque de scènes pour accélérer l’assemblage.

FAQ

ReactVision Studio fonctionne-t-il dans le navigateur ?
Oui. L’éditeur est basé sur le navigateur, tandis que les expériences rendues sont livrées nativement via React Native et ViroReact.

Quelles plateformes sont prises en charge pour l’exécution ?
La page indique iOS, Android et Meta Quest, avec rendu natif via ARKit, ARCore et HorizonOS.

Dois-je reconstruire l’application à chaque modification d’une scène ?
La page indique que StudioSceneNavigator charge la scène à l’exécution depuis Studio, ce qui est censé permettre aux équipes d’itérer sur la scène sans reconstruire l’application.

Puis-je utiliser Expo ?
Oui, la page indique que Studio est compatible avec Expo et peut s’intégrer à un projet Expo avec une build de développement.

Les simulateurs sont-ils pris en charge pour l’aperçu AR ?
Non. La page indique que l’aperçu AR nécessite un appareil physique, et que les simulateurs et émulateurs ne sont pas pris en charge pour ce flux de travail.

Alternatives

• Développement XR basé sur Unity : une alternative courante pour les projets AR et VR, impliquant généralement un flux de travail complet de moteur plutôt qu’un éditeur dans le navigateur et un runtime de scène React Native.
• Développement XR basé sur Unreal : une autre option centrée sur un moteur, généralement utilisée lorsque les équipes চানt un flux de travail plus large de moteur de jeu au lieu d’une intégration React Native pilotée par JSX.
• Applications WebXR : des expériences XR livrées dans le navigateur qui évitent le déploiement d’applications natives, mais la page positionne ReactVision comme une option native-first plutôt que comme une solution uniquement web.
• Intégration manuelle React Native + SDK plateforme : les équipes peuvent développer directement avec les outils natifs ARKit, ARCore ou Quest, mais cela demande généralement plus d’implémentation spécifique à chaque plateforme que le flux d’édition visuelle de Studio.