AR in React Native

This minimal project example demonstrates how a Unity AR app that uses posemesh can be integrated into a React Native project. The process of adding a posemesh AR feature to an existing iOS or Android app built with another development stack will be similar.

Est. Duration:
1 hour
Difficulty:
Experienced

Lesson description

We'll go over how the project was created, the folder structure, some of the code.

Before you begin

There are a few things you need to do before getting started with this project:

  1. Set up your development environment by following the steps in the Posemesh SDK's Quickstart guide.
  2. Create and set up a domain in a physical location.
  3. Download this repo (the React Native project).
  4. Download the Unity component of this project (^tutorial/posemesh-react-native^ branch) and replace ^YOUR_APP_KEY^ and ^YOUR_APP_SECRET^ in ^Assets/Scripts/PersistentARinDomain.cs^ with your own credentials.

^test^

Unity & package versions

  • Unity 2022.3.16f1
  • Auki Labs ARFoundation Integration v0.6.42
  • Auki Labs Ceres Module v0.0.4
  • Auki Labs ConjureKit v0.6.82
  • Auki Labs ConjureKit Ark module v0.6.14
  • Auki Labs ConjureKit Manna module v0.6.98
  • AR Foundation v5.1.4
  • Apple ARKit XR Plugin v5.1.4 (for iOS)
Est. Duration:
1 hour
Difficulty:
Experienced

Need a refresher on the essentials?

Check out more lessons, DIY kits and essentials reading material at the developer learning centre homepage.

ポーズメッシュを構築するのにサポートが必要ですか?

プロジェクトをスタートさせるためにAUKIトークンの助成金を申請し、Auki Labsチームと直接連携して、あなたのクリエイションをマーケットへ。選ばれた申請者は最大10万米ドル相当のAUKIトークンの助成を受け、アウキラボチームによる開発、マーケティング支援を受けることができます。