中文文档 | English
"Discover the cosmic dance of planets and stars, where each celestial body tells a story of gravity, time, and the infinite beauty of our universe."
An immersive, educational 3D simulation of the Solar System that brings the wonders of space exploration to your browser. Journey through the cosmos and witness the elegant ballet of planetary motion, from Mercury's swift orbit to Neptune's distant waltz around our Sun.
⚡ Built with DeepV Code - Making programming smarter and more efficient
Explore • Learn • Discover
This project transforms complex astronomical concepts into an interactive learning experience:
- 🌍 Understand Orbital Mechanics: Watch how gravity shapes the paths of planets
- 🌙 Discover Lunar Cycles: Observe how moons dance around their parent planets
- ⭐ Study Stellar Formations: Learn about constellations and distant galaxies
- 🔬 Visualize Physics: See gravitational forces and celestial dynamics in action
- 🚀 Inspire Space Exploration: Kindle curiosity about our place in the universe
- Free Camera Navigation: Explore space from any angle and distance
- Realistic Scale & Distance: Experience the true vastness of our solar system
- Dynamic Lighting: Witness how sunlight illuminates planets and moons
- Real Orbital Mechanics: Accurate planetary periods and orbital velocities
- Authentic Textures: NASA-quality surface details for all celestial bodies
- Gravitational Physics: Realistic gravitational interactions and forces
- ☀️ Our Star: Dynamic solar surface with realistic corona effects
- 🪐 Eight Planets: From rocky Mercury to gas giant Neptune
- 🌑 Natural Satellites: Major moons including Earth's Moon, Jupiter's Galilean satellites
- ☄️ Small Bodies: Asteroid belts, comets, and space debris
- ✨ Deep Space: Distant star fields and galactic backgrounds
- 🎵 Atmospheric Audio: Space ambient sounds for complete immersion
- Core: JavaScript (ES6+), HTML5, CSS3
- Rendering: WebGL / Three.js
- Build Tool: Node.js / Vercel
- Node.js (v14 or higher recommended)
- Modern web browser with WebGL support
-
Clone the repository
git clone https://github.com/KKirikaze/SolarSystem3D.git cd SolarSystem3D -
Install dependencies
npm install
-
Launch your cosmic journey
npm start
Open your browser and navigate to
http://localhost:3000to begin exploring!
- Mouse: Click and drag to orbit around the solar system
- Scroll: Zoom in/out to explore different scales
- Keyboard: Additional navigation controls for precise movement
├── src/
│ ├── sun.js, moon.js, comet.js # Celestial bodies
│ ├── belts.js, constellation.js # Environment details
│ ├── orbit.js, physics.js # Physics engine
│ ├── camera.js # Camera controls
│ ├── audio.js # Audio system
│ ├── config.js # Configuration
│ └── utils.js # Utilities
├── textures/ # Image assets
├── script.js # Main entry point
└── index.html # Entry HTML
We welcome contributions from fellow space enthusiasts and developers! Whether you want to:
- 🐛 Fix bugs or improve performance
- 🌟 Add new celestial features
- 📚 Enhance educational content
- 🎨 Improve visual effects
Please feel free to submit issues and pull requests.
- DeepV Code: For providing powerful AI programming assistance that significantly boosted development efficiency
- NASA: For providing incredible planetary texture maps and astronomical data
- Three.js Community: For the amazing 3D graphics library
- Space Agencies Worldwide: For inspiring humanity's quest to understand the cosmos
This project is open source and available under the MIT License.
"The cosmos is within us. We are made of star-stuff. We are a way for the universe to know itself." - Carl Sagan