ReactVision Studio

ReactVision Studio 是什麼？

ReactVision Studio 是 ReactVision 技術堆疊中的一款瀏覽器式視覺化編輯器，用於建立擴增實境與虛擬實境場景。它讓使用者可透過將元件拖曳到畫布上來組裝場景，使用 StudioGo 在手機或頭戴裝置上預覽變更，並透過 ViroReact 在 React Native 應用中原樣發布同一個場景。

此產品的設計目標是在瀏覽器中維持內容製作流程，同時保留 iOS、Android 與 Meta Quest 上的原生渲染。根據頁面說明，Studio 會為你寫入場景圖，支援雲端與地理空間錨點，並可生成以 AI 為基礎的 3D 資產，加入專案資源庫。

主要功能

• 瀏覽器式 AR 與 VR 場景編輯器：場景以視覺化方式在瀏覽器中建立，而非在桌面引擎中操作。
• 透過 ViroReact 發佈到 React Native：單一場景格式可用一個元件載入到應用中，讓執行環境留在 React Native 程式碼庫內。
• 原生平台渲染：技術堆疊透過 iOS 上的 ARKit、Android 上的 ARCore，以及 Meta Quest 上的 HorizonOS 進行渲染。
• 透過 StudioGo 的即時裝置預覽：使用者工作時，可在區域網路上的連接實體裝置看到編輯內容即時出現。
• 資產與場景管理工具：編輯器包含元件檢視器、用於模型、紋理與音訊的資產庫，以及可透過錨點導覽的多場景專案。
• AI 輔助 3D 資產生成：使用者可用文字描述資產，生成 3D 模型，並直接放入專案資源庫。
• 相容 Expo：頁面表示 Studio 可透過開發版直接加入 Expo 專案。

如何使用 ReactVision Studio

典型流程從瀏覽器開始，開發者或 XR 創作者開啟 Studio，並透過將元件放到畫布上來建立場景。接著，他們可以檢視每個節點、加入資產、設定動畫或錨點，並使用 StudioGo 在手機或頭戴裝置上預覽場景。

當場景完成後，他們將 StudioSceneNavigator 元件加入 React Native 應用。ViroReact 會在執行時載入場景，讓團隊能持續迭代視覺場景，而不必每次變更都重新建置應用。

使用案例

• 建立需要在版面配置與定位時進行真實裝置預覽的 AR 產品展示。
• 為 Meta Quest 建立 VR 或混合實境體驗，而無需從零開始做一個獨立的頭戴裝置專案。
• 發佈包含空間場景的 React Native 應用，並可由已熟悉 JSX 的行動團隊維護。
• 針對地理空間或錨點式體驗進行原型開發，且需要頻繁調整場景放置與導覽。
• 從文字提示生成用於占位或作為起點的 3D 資產，並將其直接放入場景資源庫以加快組裝。

常見問題

ReactVision Studio 可以在瀏覽器中執行嗎？ 可以。編輯器是瀏覽器式的，而渲染後的體驗則透過 React Native 和 ViroReact 原生發布。

執行時輸出支援哪些平台？ 頁面列出 iOS、Android 和 Meta Quest，並透過 ARKit、ARCore 與 HorizonOS 進行原生渲染。

每次變更場景都需要重新建置應用嗎？ 頁面說明 StudioSceneNavigator 會在執行時從 Studio 載入場景，目的是讓團隊可在不重新建置應用的情況下迭代場景。

可以使用 Expo 嗎？ 可以，頁面表示 Studio 與 Expo 相容，且可透過開發版直接加入 Expo 專案。

AR 預覽支援模擬器嗎？ 不支援。頁面說明 AR 預覽需要實體裝置，該工作流程不支援模擬器與仿真器。

替代方案

• 基於 Unity 的 XR 開發：AR 與 VR 專案常見的替代方案，通常涉及完整引擎工作流程，而非瀏覽器編輯器與 React Native 場景執行時。
• 基於 Unreal 的 XR 開發：另一種以引擎為中心的選項，通常適合希望使用更廣泛遊戲引擎流程，而非 JSX 驅動的 React Native 整合的團隊。
• WebXR 應用程式：透過瀏覽器傳送的 XR 體驗，可避免原生應用部署，但頁面將 ReactVision 定位為以原生為優先，而非僅限瀏覽器。
• 手動整合 React Native + 平台 SDK：團隊可直接以原生 ARKit、ARCore 或 Quest 工具開發，但通常需要比 Studio 的視覺化製作流程更多的平台專屬實作。