web-dev-qa-db-ja.com

React Native Augmented Reality（AR）

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

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

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

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

javascriptreact-nativeaugmented-reality
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