Time and Space
You've probably heard of three.js, or react-three, but have you heard of react-three-renderer? React-three-renderer is a custom ReactJS renderer that renders into a three.js canvas rather than the DOM.
Nancy Velasquez used the still-experimental library to create a 3D in-browser model of the solar system and Earth. Realizing that the library does not currently have an accessible way to interact with elements through mouse input, Nancy used listener functions to change coordinate values and speeds. Nancy also incorporated Spotify authentication in her app, so that users can log into their Spotify account and listen to their Spotify playlists.
If you'd like to learn more about react-three-renderer, check out the code repo at https://github.com/toxicFork/react-three-renderer.
Project Members: Nancy Velasquez