2016-12-15 6 views
14

Я расследую пару IOS/Android мобильных приложений для клиентов на данный момент, которые включают дополненную реальность:Реагировать Native дополненной реальности (AR)

  1. Возможность предварительного просмотра, что часть их мебель будет выглядеть в вашем доме
  2. цифровая раздевалка - предварительный просмотр, что одежда будет выглядеть в себя

Мы в первую очередь использовать Реагировать Native для создания мобильных приложений (один из проектов будет строить функции в существующий React Native).

Может ли кто-нибудь поделиться своим опытом с React Native и AR? Поделитесь любыми ссылками на фреймворки/компоненты, которые могут помочь при запуске? Или просто обсудите, с чего начать?

+3

вы нашли что-нибудь? –

ответ

19

Похоже, что React AR еще не реализована. Но уже есть приложения, которые реализуют определенные библиотеки поверх React.

Пример: here.

Некоторые библиотеки JS для AR включают JSAruco и JSARToolKit. JSAruco основан на OpenCV, а JSARToolkit - это порт ARToolkit через промежуточные порты NyARToolkit (Java) и FLARToolkit (Actionscript). Часть examples.

React VR скоро появится. Facebook анонсировал альфа-релиз React VR, который построен на вершине React Native, твит here.

  1. github page рамок
  2. Примеры проектов и документации React VR here

EDIT

Ar.js является новым OpenSource JS инструментарий (на основе three.js + jsartoolkit5), который выглядит очень перспективно

UPDATE

компания Apple представила ARKit с прошивкой 11 для iPhone и IPad, Here это реагировать родное связывание для того же. Найдите кураторский список удивительных проектов и ресурсов ARKit here. 5 минут example app

Ресурсы

  • react-native-live-translator - дополненная реальность эксперимент реагирует нативный

  • arcore-android-sdk - Google ARCORE SDK для Android

  • three.ar.js - хелпер three.js библиотека для создания веб-сайтов AR от Google

  • ARKit-Sampler - Примеры кода для ARKit.

  • React-AR - Augmented Reality с React (Незавершенный)

+1

, к сожалению, ar.js требует WebRTC, и это не поддерживается iOS или Safari в MacOS. :( – Shane

+1

React VR не построен * сверху * of React Native. Он был разветвлен из RN и использует ту же систему сборки, но кроме этого, они независимы. Подумайте об этом как: возьмите React core + toolset из RN и добавьте рендеринг на основе tr.js (так, на самом деле, WebVR). –

+0

WebRTC теперь кажется пригодным для использования на ios 11 https://caniuse.com/#feat=stream – Magico

3

Я строй Реагировать родную библиотеку для недавно выпущенного AR библиотеки Аркыта Apple. Это должно быть хорошим началом, поскольку ARKit проделал хорошую работу по пакетному алгоритму CV, чтобы вы могли сосредоточиться на том, что вы хотите реализовать. (react-native-arkit).

5

Другого варианта (бесстыжие плагины) является платформа моей компании, Viro AR: https://viromedia.com/viroar/

Это React-Native библиотеки, которая пар Аркыты для прошивки (ARCORE для Android в ближайшее время) с нашим собственным родным визуализатором и заворачивает в простой в использовании API React-Native, чтобы вы могли сразу начать создавать свои АР-события!

У нас даже собака fooded наш собственный продукт, создав приложение AR, Вымысел AR, доступный прямо сейчас на Apple App Store: https://itunes.apple.com/app/id1270018902

Мы построили его с помощью React Native для 2D-интерфейса (кнопки, просмотр списка, экран предварительного просмотра) и Viro для отображения камеры, 3D-рендеринга и отслеживания мирового уровня.

Проверьте нас!

+0

- это код для открытого источника FigmentAR? –

+0

Привет @ A.Wali, в настоящее время это не так, но это то, что мы оцениваем. Если вам нужна помощь или у вас есть какие-либо вопросы, не стесняйтесь обращаться к нам через ссылки на вопросы/поддержку выше! – ACVM