A 3D interactive visualization project that showcases how different types of satellites orbit around Earth. Built with Three.js, this project offers a scroll-driven experience to explore:
- LEO (Low Earth Orbit)
- MEO (Medium Earth Orbit)
- GEO (Geostationary Orbit)
- Van Allen Radiation Belts
- Satellite Components Breakdown
- Timeline of Famous Satellites and Missions
- LEO: Includes satellites like the ISS, Starlink.
- MEO: Displays GPS and navigation satellites.
- GEO: Shows weather and communication satellites in geostationary orbit.
- Van Allen Belts: Depicted as toroidal particle belts around Earth.
- Geo Station Orbit: Circular belt line around equator showing satellite positions.
Interactive 3D breakdown of satellite hardware:
- Solar Panels
- Antennas
- Thrusters
- Payload Modules
Scroll through the historical launch timeline of major satellites like:
- Sputnik 1
- Hubble Space Telescope
- James Webb Space Telescope
- IRNSS/NavIC (India)
- ...and more!
Uses scroll-based animation to guide users through key satellite milestones.
- 🌐 Three.js — 3D rendering engine
- 📜 GSAP & ScrollTrigger — Smooth scroll-driven animations
- 💄 TailwindCSS — UI Styling
- 🧩 React / Vite — UI Framework (if applicable)
- 🌌 Custom Shader Effects — For atmosphere, clouds, and belts
# Clone the repository
git clone https://github.com/biomathcode/satellite.git
cd satellite
# Install dependencies
npm install
# Run the development server
npm run dev