NASA WebXR
Once the user has successfully loaded into the experience, they will be prompted to select an orbit (A-D) for viewing.
![code](/Resources/Screen Shot 2022-05-03 at 4.10.33 PM.png)
After choosing an orbit, the user will be presented with educational information about the selected orbit and the corresponding instrument. From here, they can click on the instrument on the spacecraft to see that instrument’s “view” overlaid on the asteroid.
Installing JetBrains’s WebStorm IDE is required to build, view, and run the code. To install WebStorm follow these steps:
In the dropdown select whatever clone or download option preferred
Once finished, open WebStorm
When you arrive to the main screen select ‘open’
Navigate to the folder where you cloned the repository
Open the project
Option 2: Cloning the Repository using WebStorm VCS
After installing WebStorm open the program
In the main window select the ‘Get from VCS’ option
In the following window that opens either use the repository URL or select GitHub
After signing into your account, the available repositories will be displayed
Select on the repo name you would like to clone
Click ‘Clone’
Once cloned the project will open
Open the index.html
Hovering over the file will cause a browser menu to appear
Click on any of the browsers to view the running code
Clone and configure the project as shown in section 10.1.1
Install the Web Server for Chrome application (Fig. 31).
In the Chrome browser, in the address field, type ‘chrome://apps’ and return.
Configure your web server as shown below:
The ‘CHOOSE FOLDER’ button is used to navigate to the root folder for the Psyche WebXR project.
‘Automatically show index.html’ is optional, but if it is not checked when you load the local server you will need to manually navigate to index.html to load the WebXR experience.
Toggle the Web Server off, and on again since you have made changes.
This concludes a local server setup for hosting of the WebXR experience accessible on your local network. With further configuration, your mobile device can connect to http://127.0.0.1:8887/ to access the software.
NOTE: This step may take quite some time for the server to recognize your device connection. Be patient, it may take a bit. If you still have issues, try: Restarting the server, and re-enabling port forwarding.
Enter Developer Options on the device, and toggle “USB Debugging” off, disconnect the USB-C to your mobile device, revoke USB debugging authorizations, toggle “USB Debugging” on, reconnect USB-C, and make sure to accept authorization as shown below:
Verifying successful mobile device connection via USB Debugging and ADB.
4.a. Once you have an established connection with your local machine, in your ‘chrome://inspect’ tab, you will see your connected device along with the web page currently viewed as shown below:
Source: https://codelabs.developers.google.com/ar-with-webxr#1