/mind-ar-js-react

Example of using MindAR in React

Primary LanguageJavaScript

React example with MindAR

This is an example project of using MindAR in React

The react components are:

  1. src/mindar-viewer (AFRAME version), and
  2. src/mindar-three-viewer (ThreeJS version).

Everything else are created from create-react-app, and they are irrelevant.

Screenshot

alt text

It demonstrates:

  1. how to import MindAR as a npm package
  2. how to create a React component for MindAR

To run

> npm install
> npm run start

OR for HTTPS (so you can test on mobile devices connected in local network)

> npm run start-https