Solar System with Earth's Magnetic Field
This project shows a 3D visualization of our solar system with a focus on Earth's magnetic field represented by field lines.
Features
- Complete solar system with the Sun and all 8 planets
- Realistic planet textures and enhanced lighting effects
- Detailed planetary orbits and rotations with proper orbital tilts
- Earth's magnetic field lines visualized as a dipole field emanating from poles
- Dynamic solar wind particles emanating from the Sun
- Saturn with detailed multi-layered rings including the Cassini Division
- Atmospheric effects on gas giants with animated cloud bands
- Distant nebulae and galaxies in the background
- Interactive camera controls (rotate, zoom, pan)
- Beautiful starry background with varying star sizes and brightness
- Click on planets to focus on them and display information
- Audio explanation of Earth's magnetic field function with visual enhancement
Technologies Used
- Three.js for 3D rendering
- JavaScript ES modules
- HTML5 and CSS3
- HTML5 Audio API for narration
- Raycasting for interactive planet selection
- Particle systems for solar wind and nebulae
How It Works
The magnetic field is represented using dipole field equations that create curved lines from the north pole to the south pole. The field lines follow the mathematical formula: r = C * sin²(θ), which describes how the field lines curve out from the poles.
The blue marker indicates the north magnetic pole, and the orange marker indicates the south magnetic pole.
When the audio explanation plays, the camera will automatically focus on Earth's magnetic field for better visualization. The field lines will pulsate gently to enhance the educational experience.
The solar wind is represented as particles flowing outward from the Sun, demonstrating how charged particles travel through the solar system and interact with planetary magnetic fields.
Interaction
- Click on any planet or the Sun to focus the camera on it and display information
- Use mouse to rotate, zoom, and pan the view:
- Left-click and drag to rotate
- Scroll to zoom in/out
- Right-click and drag to pan
- Play the audio narration to learn about Earth's magnetic field while seeing it highlighted
Note: Planet sizes and distances are not to scale to improve visualization.