Solar-System-Simulation is a 3D web application that allows users to explore and interact with the solar system and other celestial objects. Built using the Three.js library, this simulation provides realistic physics and stunning visuals for an immersive experience. Users have the ability to manipulate various aspects of the simulation, including the axis of planets, their velocities, physics constants, camera perspectives, and even add new bodies to observe their interactions with the existing system. Additionally, the simulation offers features such as real-time information display and 3D collision detection for enhanced understanding and realism.
- Realistic 3D Visualization: The simulation provides a visually stunning representation of the solar system and celestial objects. Each body is rendered with accurate sizes, colors, and textures for a realistic experience.
- Interactive Exploration: Users can navigate and explore the simulation using intuitive controls. The mouse or touchpad can be used to rotate the solar system, zoom in or out, and focus on specific celestial bodies.
- Customizable Axis and Velocities: The simulation allows users to edit and change the axis of planets, adjusting their orientations. Furthermore, the velocities of the bodies can be modified, providing flexibility in observing their movements and interactions.
- Physics Constants: Users have the ability to change the constants of the physics engine used in the simulation. This feature allows for experimentation and observation of how alterations to these constants affect the behavior of the celestial bodies.
- Multiple Camera Perspectives: The simulation offers more than one camera perspective, enabling users to view the solar system and celestial objects from different angles and viewpoints.
- Helper Functions: Helper functions are available to assist users in understanding and interacting with the simulation. These functions provide additional information and guidance to enhance the user experience.
- Add New Celestial Bodies: Users can add new bodies to the simulation, allowing them to observe the interactions and gravitational effects between the newly added bodies and the existing celestial objects.
- Real-time Information Display: While the bodies are in motion, users can view real-time details and information about the bodies. This feature provides continuous updates on parameters such as position, velocity, mass, and other relevant data.
- 3D Collision Detection: The simulation incorporates 3D collision detection, allowing users to observe and analyze the interactions and collisions between celestial bodies. This feature adds realism and further enhances the understanding of celestial mechanics.
- Three JS
- JavaScript
- WebGL
All Physics and Mathematics used were implemented and tested by us.
Please note that the Solar-System-Simulation is intended for educational and entertainment purposes. While efforts have been made to ensure accuracy, the simulation may not represent real-world celestial mechanics with absolute precision.
Feel free to try it from Here.
To run the project on a Local Host download Three.js and Node.js then run the following commands:
# Install dependencies (only the first time)
npm install
# Run the local server at localhost:8080
npm run dev
# Build for production in the dist/ directory
npm run build
