arjs-react-experimental-app

These app was developed in order to test a way to use react features and AR.js features as well

Here I was able to implement AR.js and create a SPA with splash screen.

Stacks

Front-end: React, React-Three-Fiber, Three.js, AR.js

Functionalities

• React App
• Splash screen to prevent camera permission on start.
• SPA
• Custom 3D model
• Play .GLB embedded animations

Demonstration

Try it on AR.js React Test, show this marker:

This should be what you see:

Improvements

• Today we are experiencing and error in the custom asset used in the demonstration, a flickering, cause still being investigated.
• TypeScript still not well implemented sadly causing trouble in the implementation.
• Build interactions with the 3D model through DOM buttons.
• Investigate camera not being correctly positioned when started, probable cause is a bug in orientation retrieve from the source library.
• Chain multiple embendded animations.
• BUild touch gestures controls.

Reference

• react-three-arjs
• React-three-fiber
• AR.js

Contact