SOLAR

Interactive 3D Solar System — WebGL Experience

An immersive interactive 3D space experience built with Vite, Vanilla JavaScript, Three.js/WebGL, GSAP, and custom GLSL shader materials. The project features a complex multi-layered cosmic environment with 29+ celestial bodies, two black holes, and multiple nested solar systems.

Each black hole is surrounded by four independently revolving nested solar systems, with each system containing its own planets, moons, planetary rings, and orbital motion. The planets follow Keplerian orbital motion, creating dynamic and mathematically driven celestial movement.

The website includes an interactive solar system on the home page, additional nested solar-system environments surrounding the black holes, and another dedicated solar-system environment on the contact page.

GSAP is used for advanced camera movement, transitions, and interactive animations, while custom GLSL shader materials create specialized visual effects for celestial objects and the surrounding space environment.

The project demonstrates advanced real-time WebGL rendering, 3D scene architecture, orbital simulation, shader programming, camera systems, animation, and immersive browser-based interaction.

Technologies
Vite • Vanilla JavaScript • Three.js • WebGL • GLSL Shader Materials • GSAP • Keplerian Orbital Motion • 3D Mathematics • Interactive Camera Systems