ReactVision Studio

ReactVision Studio

ReactVision, Inc. · 影片

ReactVision Studio 是一款瀏覽器版的 AR 與 VR 編輯器,鎖定在 React Native 上打造空間應用的團隊。你把元件拖到畫布上,向 AI 代理描述想要的效果,用 StudioGo 在手機或頭戴裝置上即時預覽成果,再透過開源渲染器 ViroReact 把它發布到你的應用裡。這是不離開 React Native 程式碼就能視覺化建立 AR 應用最快的方式。單一場景可原生執行於 iOS、Android 與 Meta Quest,不需要第二套工具鏈。

ReactVision Studio 的介面預覽

關於 ReactVision Studio

什麼是 ReactVision Studio

Studio 是座落在整個 ReactVision 生態系裡的視覺化編輯器,而 ReactVision, Inc. 這家公司正是圍繞 React Native 打造這套生態系。你不必學遊戲引擎或撰寫 3D 程式碼,而是用元件拼出場景,把重複的部分交給內建代理處理。這個代理會依提示建立場景、產生並放置素材、接上物理與動畫,並設定地理空間錨點,全部都在你的專案內完成。

它解決的問題是破碎化。跨平台 XR 開發通常代表得挑一個引擎、學它自己的語言,還要另外維護一個與應用同步的專案。Studio 走的是反方向:場景就是 React 元件,所以你團隊原本就在寫的 React Native 程式碼,就是送到手機與頭戴裝置的那一份。取捨很真實。你會綁定在 React Native 與 ViroReact 這套技術堆疊上,而編輯器是託管產品而非開源專案,因此平台端的費用由 ReactVision 決定。

確認機制擋掉了大部分的風險。任何具破壞性或會計費的動作,沒有你的核准都不會發生。代理在刪除任何東西、移除放置項目或啟動付費 AI 生成之前,都會先跑一道正式的確認步驟。你會在事情發生前看到變更內容與點數成本。

開始使用

  1. 在瀏覽器開啟 Studio,並登入你的 ReactVision 帳號。
  2. 建立專案與場景,或請 AI 代理依一段簡短描述直接生成一個。
  3. 在畫布上開始建置:放置元件、掛上素材,並在代理協助下加入物理、動畫或觸發條件。
  4. 在手機或頭戴裝置上連結 StudioGo,即時以 AR 或 VR 預覽每一次變更。
  5. 把 StudioSceneNavigator 元件放進你的 React Native 應用,讓 ViroReact 在執行階段載入完成的場景。

產品資訊

快速了解 ReactVision Studio 的定價、支援平台與效能。

免費方案否
付費方案Part of ReactVision platform pricing
平台Web (browser), iOS, Android, Meta Quest
開發者ReactVision, Inc.
類別影片
發布日期Jan 2025
最近更新Sep 2025
網站訪問量212
網站全球排名6.7M
API 提供狀態是

適合對象

這項工具最適合的使用者、任務與情境。

使用者

  • React Native 開發者:你已經熟悉這個語言與儲存庫,所以 XR 只是應用裡的另一個畫面,而不是一項要重新學的技能。
  • 沒有 3D 專家的行動團隊:AI 代理會撰寫場景圖,讓任何人都不必手寫三維程式碼。
  • 設計師與原型製作者:畫布加上 StudioGo 即時預覽,讓你在工程團隊正式投入前,先在真實裝置上試一個空間構想。

任務

  • 建立 AR 購物或產品預覽場景:放置並錨定 3D 素材,讓使用者能在真實空間裡走動觀看。
  • 在 Meta Quest 上發布混合實境體驗:只做一次,讓渲染器連同手機一起支援 HorizonOS。
  • 為現有應用加上 AR:用 StudioSceneNavigator 在執行階段載入場景,不必重新建置應用就能反覆調整。

情境

  • 小型工作室在緊湊時程內,為客戶展示原型化一項 AR 功能。
  • 電子商務團隊測試虛擬試穿是否值得投入。
  • 訓練或外勤應用,用地理空間錨點把指示綁定到實際地點。

主要功能

用於建立場景的 AI 代理

AI 代理 XR 編輯器是最先被注意到的功能。它讀自然語言運作:描述你想要體驗,它就會建立場景、產生並放置素材,並在你的專案裡設定地理空間錨點。方向仍由你掌控,粗活交給代理。

用 StudioGo 在裝置上即時預覽

把 StudioGo 連到專案後,編輯器的每一次變更約在一秒內就會以 AR 鏡射到你的手機或頭戴裝置上。這是最關鍵的回饋循環。你能在把場景正式放進應用前,先弄清楚它在真實硬體上實際長什麼樣。桌機算圖完全說不出它拿在手上的感覺。

一個場景,處處原生渲染

Studio 輸出單一場景格式,ViroReact 則用各平台自己的執行環境原生渲染:iOS 用 ARKit、Android 用 ARCore、Meta Quest 用 HorizonOS。不必重做、不必改寫著色器、不必另開 VR 專案。場景寫一次,就能落地到這套堆疊支援的所有地方。

託管平台之下的開源渲染器

ViroReact 採 MIT 授權,永久免費,所以渲染器本身沒有授權要買。Studio、雲端錨點、地理空間錨點、素材託管與環境測試才是託管的部分,也是你團隊任何成本的來源。

在應用裡於執行階段載入

只要一個元件 StudioSceneNavigator,就能把完成的場景放進任何 React Native 應用。因為 ViroReact 是在執行階段載入場景,你可以更新內容而不必重新建置與重新送審應用。這為什麼重要?內容團隊能照自己的步調發布變更,而不必等應用商店審核。

內建雲端與地理空間錨點

Studio 內建雲端與地理空間錨點,場景因此能跨工作階段與裝置保持位置,或把自己綁定到真實世界的地點。任何需要跨單一裝置保存的東西,這項支援都很關鍵。少了它,場景就會忘記自己原本在哪。

高成本動作前先確認

任何具破壞性或會計費的動作都會等待你點頭。代理在刪除、移除放置項目或執行付費生成前都會先確認,並先讓你看見變更與點數成本。

優缺點

優點

  • 場景就存在你團隊原本就在發布的 React Native 專案裡,所以沒有第二套引擎要安裝或同步。
  • AI 代理負責場景圖與素材放置,降低了沒有 3D 美術的團隊的門檻。
  • 一個場景就能原生到達 iOS、Android 與 Meta Quest,省下跨平台的重複工作。
  • StudioGo 能快速在真實裝置上預覽變更,及早抓到問題。
  • ViroReact 採 MIT 授權,所以渲染器不帶任何授權成本。

缺點

  • 你會綁定在 React Native 與 ViroReact 這套堆疊上,使用 Unity 或 Unreal 的團隊很難從中獲益。
  • Studio 是託管產品,不是開源專案。瀏覽器存取與平台服務取決於 ReactVision 的定價與供應狀況。
  • AI 生成可能消耗點數,而核准動作會在原本快速的流程裡多一道步驟。
  • 錨點與託管服務跑在 ReactVision 的雲端,基礎架構因此不在你的掌控之中。

常見問題

它是一款瀏覽器版編輯器,用來建立會發布在 React Native 應用裡的 AR 與 VR 場景。你以視覺方式拼出場景,在裝置上預覽,再透過開源渲染器 ViroReact 在 iOS、Android 與 Meta Quest 上載入。