Stackathon Presentation: Time and Space

Subscribers:
58,000
Published on ● Video Link: https://www.youtube.com/watch?v=zHqz1jH9Qtg



Duration: 4:01
95 views
1


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.

----
Fullstack Academy was recently ranked the #1 coding bootcamp in the U.S. Learn more at https://www.fullstackacademy.com