Skip to main content

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

Project Members: Nancy Velasquez

Find the program that fits your life.

Learn about our coding, cybersecurity, and data analytics bootcamps offered on full-time and part-time schedules.