The software built for this project uses Viro React as the augmented reality (AR) development tool. Viro React is a platform for developers to rapidly build AR experiences. Developers write in React Native, and Viro runs their code natively across all mobile AR (iOS ARKit and Android ARCore) platforms. More info here.
- Follow directions on our Quick Start Guide (Mac/Linux) (Windows) to setup dependencies.
- Go into the AR-Indoor-Navigation-master directory.
- Run
npm installoryarn installif usingyarnfrom the root of this project to install thenodemodules. - Download the Viro Testbed app, for iOS here, or for Android here.
- Run
npm startfrom the root of this project. - Find the ngrok url (https://xxxxxx.ngrok.io) which is printed at the top of the terminal window where you ran npm start.
- Open the Viro Media App, slide out the left panel and select "Enter Testbed".
- Enter the ngrok url or the IP address of the running device into the empty text field on the Testbed screen and press "Go".
- Now the application should be presented, enjoy!
There are three navigation methods implemented in this project. The second method and third method are included in one file.
- Arrow with text
- Virtual car
- Virtual car with 2D map
Steps:
- Open App.js in a text editor.
- For method 1, comment line 30
ViroCodeSamplesSceneNavigator = require('./js/VirtualCar');. - For method 2 or 3, uncomment line 30.
- Reload/restart the application.
* To reload the application, try shaking the device until a development menu appears and click "Reload".
The set route of this application is located at the 4th floor of the Sir Peter Mansfield Building (PMB) in the University of Nottingham Ningbo China (UNNC). The start point is elevator at the 4th floor, and the destination is PMB 447.
Testing the first method
User should stand at the specific start point when start the application.
Testing the second and third method
The start point could be anywhere. For the best guidance experience, the virtual car need to be placed at the middle of the road and level with the elevator.
The code now is suitable for using iPad. It also provide iPhone setting.
To modify from iPad setting to iPhone:
- Open the project in a texteditor such as Visual Studio Code.
- Search "iPhone", find places that need to be modified.
- Comment and uncomment corresponding code.
- Reload/restart the application.