React-echo3D-demo-Planets

React demo with echo3D. Type a planet from our solar system into the input field to see it appear in AR.

Register

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

Setup

1. Clone echo3D-ARjs-Planets-Demo
2. Download Node and Node Package Manager(npm)
3. Download and set up ngrok

Terminal

4. In the terminal, navigate to the echo3D-ARjs-Planets-Demo/ directory and enter $ npm init
5. Next, enter $ npm install express react react-dom to install relevant packages

echo3D Console

6. Add Earth to your echo3D console
7. Add the other planets (except pluto)
8. Once added, copy the short URL generated for each model and use them to replace the <Your [planet] short url here> in PlanetDemo.jsx

• optional: add entry-IDs to replace <your [planet] entry id here>

Run

1. In terminal, enter npm start to serve the application on a local host. The terminal will display a port number that you can use in the next steps
2. In a separate terminal window navigate to <path>/<to>/ngrok and enter http <port number>. The terminal will list a number of urls - the important one is the url beginning with https
3. To view on computer or mobile device, open up web browser and enter the ngrok url.

Learn More

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

Support

Feel free to reach out at support@echo3D.co or join our support channel on Slack.

Screenshots

Demo created by Dylan Dawkins.