web-dev-qa-db-fra.com

React Native Augmented Reality (AR)

J'étudie actuellement quelques applications mobiles iOS/Android pour les clients, qui impliquent la réalité augmentée:

  1. La possibilité de prévisualiser à quoi ressemblerait un meuble dans votre maison
  2. Un dressing numérique - prévisualisez à quoi ressembleront les vêtements en vous

Nous utilisons principalement React Native pour créer des applications mobiles (l'un des projets consisterait à intégrer la fonctionnalité dans une React Native app) existante).

Quelqu'un peut-il partager son expérience avec React Native et AR? Partager des liens vers des frameworks/composants qui peuvent aider à démarrer? Ou simplement mener une discussion sur le point de départ?

javascriptreact-nativeaugmented-reality
23
mcnamee

Il semble que React AR doit encore se matérialiser. Mais il existe déjà des applications qui implémentent certaines bibliothèques au-dessus de React.

Un exemple ici .

Certaines bibliothèques JS pour AR incluent JSAruco et JSARToolKit . JSAruco est basé sur OpenCV et JSARToolkit est un port de ARToolkit via les ports intermédiaires NyARToolkit (Java) et FLARToolkit (Actionscript). Certains exemples .

React VR arrive bientôt. Facebook a annoncé la sortie alpha de React VR, qui est construit sur React Native, le Tweet ici .

  1. La page github du framework
  2. Exemples de projets et documentation de React VR ici

[~ # ~] modifier [~ # ~]

Ar.js est une nouvelle boîte à outils opensource js (basée sur three.js + jsartoolkit5) qui semble très prometteur

[~ # ~] mise à jour [~ # ~]

Apple a présenté ARKit avec iOS 11 pour iPhone et iPad, ici est une liaison native React pour le même. Trouvez une liste organisée de superbes projets et ressources ARKit ici . 5 minutes exemple d'application

Ressources

25
Tony Vincent

Une autre option (plug sans vergogne) est la plate-forme de mon entreprise, Viro AR: https://viromedia.com/viroar/

C'est une bibliothèque React-Native qui associe ARKit pour iOS (ARCore pour Android à venir) avec notre propre rendu natif propriétaire et l'enveloppe dans une API React-Native facile à utiliser pour que vous pouvez commencer à construire vos expériences AR immédiatement!

Nous avons même nourri nos chiens de notre propre produit en créant une application AR, Figment AR, disponible dès maintenant sur l'App Store Apple: https://iTunes.Apple.com/app/id1270018902

Nous l'avons construit en utilisant React Native pour l'interface utilisateur 2D (boutons, vue de liste, écran d'aperçu) et Viro pour l'affichage de la caméra, le rendu 3D et le suivi du monde.

Venez nous voir!

8
ACVM

Je construis une React bibliothèque native pour la nouvelle bibliothèque AR ARKit d'Apple. Cela devrait être un bon début car ARKit a fait un bon travail pour empaqueter l'algorithme CV afin que vous puissiez vous concentrer sur ce que vous voulez implémenter.

Vous êtes invités à vérifier mon dépôt GitHub ( react-native-arkit ).

5
qftgtr