Viewing a saved revision (read-only)
0a877c2030894661b1d6e66df42beaaa
Fork of Earth with Magnetic Field with Audio
This interactive WebGL visualization, built with Three.js and ES modules, depicts the solar system with a focus on Earth's magnetic field. The scene shows all eight planets with orbital paths, planetary rotations, and atmospheric effects, while Earth's dipole magnetic field is rendered as curved field lines from pole to pole. Users can click any planet to focus the camera and view details. An HTML5 audio narration controls a camera transition and pulsating field-line animation that highlights Earth's magnetic protection.
AI-generated descriptionSolar 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
- Planetary orbits and rotations
- Earth's magnetic field lines visualized as dipole field emanating from poles
- Saturn with rings
- Interactive camera controls (rotate, zoom, pan)
- Starry background
- Audio explanation of Earth's magnetic field function
Technologies Used
- Three.js for 3D rendering
- JavaScript ES modules
- HTML5 and CSS
- HTML5 Audio API for narration
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 d
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.
Note: Planet sizes and distances are not to scale to improve visualization.