This is a 3D work-in-progress representation of the solar system created using the Three.js library. It includes a textured Saturn with a ring, a textured Moon, and randomly placed asteroids in the background.
To run the project, simply open index.html
in a web browser.
- Textured Saturn with a ring
- Textured Moon
- Randomly placed asteroids in the background
- Background image of space
- Scroll animation that moves the camera
- Smooth animation loop
- Three.js - A JavaScript 3D library that makes creating WebGL applications easy.
- OrbitControls - A controller that allows the user to manipulate the camera using mouse and touch controls.
This project was inspired by Fireship's video, which demonstrated how to create a similar webpage using ThreeJS.
The textures used in this project were downloaded from solarsystemscope.com and textures.com.