2016-12-15 85 views
14

我此刻的調查,爲客戶一對夫婦的iOS/Android移動應用程序,涉及增強現實:陣營本地增強現實(AR)

  1. 預覽的能力,什麼是一塊他們的傢俱會看起來像在家裏
  2. 數字更衣室 - 預覽衣服的樣子自己

我們主要使用作出反應原產於構建移動應用程序(項目之一將是建立功能到現有的React Native應用程序)。

任何人都可以與React Native和AR分享他們的經驗嗎?分享可能有助於開始的框架/組件的任何鏈接?或者只是圍繞從哪裏開始討論?

+3

你發現了什麼? –

回答

19

它看起來像React AR尚未實現。但是已經有應用程序在React之上實現了某些庫。

示例here

AR的一些JS庫包括JSArucoJSARToolKit。 JSAruco基於OpenCV,JSARToolkit是通過介於中間端口NyARToolkit(Java)和FLARToolkit(Actionscript)之間的ARToolkit端口。一些examples

React VR即將推出。 Facebook宣佈React VR的alpha版本,該版本構建於React Native之上,鳴叫here

  1. 框架的github page
  2. 樣品項目和反應here

編輯

Ar.js是(基於three.js + jsartoolkit5)VR一個新的開源JS工具包的文檔,看起來非常有希望

UPDATE

蘋果推出ARKit與iOS 11 iPhone和iPad,Here是一個原生的反應爲同一結合。查找精彩的ARKit項目和資源的精選列表here。 5分鐘example app

資源

+1

不幸的是,ar.js需要WebRTC,並且這在MacOS上的iOS或Safari上不受支持。 :( – Shane

+1

React VR並沒有內置在* React Native的頂層*它是從RN中派生出來的並且使用相同的構建系統,但除此之外,它們是獨立的,可以認爲它是:從RN獲取React核心+工具集和添加一個基於three.js的渲染(所以,WebVR,真的)。 –

+0

WebRTC現在似乎可用於ios 11 https://caniuse.com/#feat=stream – Magico

3

我建立了蘋果最新發布的AR庫ARKit一個陣營本地庫。這應該是一個好的開始,因爲ARKit在打包CV算法方面做得很好,因此您可以專注於您想要實現的內容。

歡迎您檢查我的GitHub回購(react-native-arkit)。

5

另一種選擇(無恥的插頭)是我公司的平臺,病毒學AR:https://viromedia.com/viroar/

這是一個陣營,本地庫,對ARKit針對iOS(ARCORE爲Android即將推出)與我們自己的專有本地渲染並把它封裝在一個易於使用的React-Native API中,以便您可以立即開始構建您的AR體驗!

我們甚至狗fooded我們自己的產品通過建立AR應用,現在在蘋果App Store虛構AR,可供選擇:https://itunes.apple.com/app/id1270018902

我們建立它採用原生做出反應的2D UI(按鈕,列表視圖,預覽屏幕)以及用於相機顯示,3D渲染和世界追蹤的Viro。

讓我們出去!

+0

是FigmentAR開源代碼? –

+0

Hi @ A.Wali,目前不是,但它是我們正在評估的內容。 如果您需要幫助或有任何問題,請隨時通過上面的問題/支持鏈接與我們聯繫! – ACVM