echo3dco/aframe-ar.js-echo3d-demo-model-viewer

Simple 3D content viewer demo with A-Frame, AR.js, and echo3D.

AFrame-AR.js-echo3D-demo-Model-Viewer

An in-browser AR viewer of models from an echo3D console key, using AR.js and A-Frame.

Register

Don't have an API key? Make sure to register for FREE at echo3D.

Video

View here.

Setup

• Register for FREE at echo3D.
• The viewer needs a marker so save it on your phone or print it out. By default the marker is the Hiro image Hiro marker.
• Clone this repo to view a sample project. All you have to do is add your project's API key when prompted on the screen.

Steps

• Add a 3D model to the echo3D console.
• Open the project folder in VSCode and run it on a local server. You can also host this on your own server.

Run

• After running on a server, show the camera the Hiro marker and your model should load slightly underneath it.
• Add the API key for the model when prompted and choose the subproject.

Fun tip: Add/remove/edit models in the console and notice that the interactive models in the site change on reload.

Learn More

Refer to our documentation to learn more about how to use Unity and echo3D.

Troubleshooting

Visit our troubleshooting guide here.

Support

Feel free to reach out at [email protected] or join our support channel on Slack.