SKYWALK3R uses React-Three/Fiber to render 3D elements while utilizing the helpers and abstractions of React-Three/Drei to give users the ability to tour our solar system in their browser. Free roam through our star scape in first person and click on any planet, moon, or even the Sun to view it's mass, density, and gravity - all pulled from the Solar System Opendata API.
This application provides no true "movement" or "zooming", rather first person view is controlled by the 'W' 'A' 'S' 'D' keys which dynamically re-position the camera on key press/ over duration of key press. Left-clicking the mouse will also "move" the user forward while right-clicking simultaneously will freeze the user in place for "view" mode. The mouse may also be used for changing view direction. Raytracing allows for click events to fire on three dimensional elements which SKYWALK3R takes advantage of. When clicking on the Sun, planets, or moons the most current data for the event target is displayed in the viewport. On the keypress of "Spacebar" this information will be removed.
First install dependencies:
npm installTo start server on port 8080
npm startTo create a production build:
npm run build-prodTo create a development build:
npm run build-devOpen the file dist/index.html in your browser