web-dev-qa-db-ja.com

React Native Augmented Reality(AR)

現在、拡張現実を含むクライアント向けのiOS/Androidモバイルアプリをいくつか調査しています。

  1. あなたの家で彼らの家具がどのように見えるかをプレビューする機能
  2. デジタルドレッシングルーム-自分の服がどのように見えるかをプレビューします

私たちは主にReact Nativeを使用してモバイルアプリを構築します(プロジェクトの1つは既存のReact Nativeアプリに機能を構築します)。

ReactネイティブおよびARで経験を共有できますか?開始に役立つ可能性のあるフレームワーク/コンポーネントへのリンクを共有しますか?または単にどこから始めるかについての議論をリードしますか?

23
mcnamee

React ARはまだ実現していません。しかし、Reactの上に特定のライブラリを実装するアプリが既にあります。

here

ARの一部のJSライブラリには、 JSAruco および JSARToolKit が含まれます。 JSArucoはOpenCVに基づいており、JSARToolkitはNyARToolkit(Java)とFLARToolkit(Actionscript)の中間ポートを介したARToolkitのポートです。いくつかの

React VRは近日公開予定です。 FacebookはReact VRのアルファ版リリースを発表しました。VRは、React Native、the Tweet here の上に構築されています。

  1. github page フレームワークの
  2. React VR here のサンプルプロジェクトとドキュメント

[〜#〜] edit [〜#〜]

Ar.js は、新しいオープンソースのjsツールキットです(three.js + jsartoolkit5)非常に有望に見える

[〜#〜] update [〜#〜]

Appleは ARKit をiOS 11 for iPhoneおよびiPadで導入しました。 Here は同じものに対する反応ネイティブバインディングです。素晴らしいARKitプロジェクトとリソースの厳選されたリストを見つけてください here 。 5分 サンプルアプリ

リソース

25
Tony Vincent

別のオプション(恥知らずなプラグ)は、私の会社のプラットフォームViro ARです。 https://viromedia.com/viroar/

これはReact-Nativeライブラリであり、ARKit for iOS(ARCore for Android coming soon)と独自のネイティブレンダラーを組み合わせ、使いやすいReact-Native APIでラップして、 ARエクスペリエンスの構築をすぐに開始できます!

私たちは、Apple App Store: https://iTunes.Apple.com/app/id1270018902

React 2D UIのネイティブ(ボタン、リストビュー、プレビュー画面)およびカメラ表示、3Dレンダリング、ワールドトラッキングのViroを使用して構築しました。

私たちをチェックしてください!

8
ACVM

Appleの新しくリリースされたARライブラリARKitのネイティブライブラリReact。実装する。

GitHubリポジトリ( react-native-arkit )。

5
qftgtr