♌ Leo - 3D Interactive Zodiac Constellation & Live Wallpaper
Experience the majesty of Leo ♌ - The Lion like never before. Powered by Three.js and high-performance WebGL rendering, this interactive web application transforms the cosmic symbol of Leo into a vibrant, 3D golden starscape filled with flowing light streams, dynamic stardust, and real-time astronomical exploration.
Whether you need an eye-catching interactive background for your website, a standalone live wallpaper (Wallpaper Engine / Lively Wallpaper), or an engaging digital artwork, Leo 3D delivers an impressive visual experience right in the browser.
✨ Key Features
- ♌ Authentic 3D Leo Glyph & Constellation: Features a smooth Catmull-Rom curve frame traced from the iconic Leo astrological symbol, embellished with flowing gold glitter and interior stardust.
- ⭐ Interactive Star Exploration: Hover over major stars including Alpha Regulus (The Heart of the Lion), Gamma Algieba, Beta Denebola, Delta Zosma, and more to reveal real astronomical data (Visual Magnitude, Distance in light-years, Stellar Classification, and Lore).
- ✨ Dynamic Particle Systems & Visual Effects:
- Real-time Amber, Tangerine, Sun-Gold, and Copper particle streams.
- Spontaneous shooting star / meteor trail animations.
- Soft, ambient drifting cosmic nebula clouds.
- Post-processing UnrealBloomPass glow and filmo-graphic tone mapping.
- 🎮 Full 360° Interactive Orbit Controls: Rotate, pan, and zoom seamlessly to inspect the constellation from any angle in 3D space.
- 🎛️ Interactive UI & Customization Toggles: Glassmorphic control bar allowing users to toggle symbol lines and 3D floating star labels on/off.
- 📱 Modern & Fully Responsive: Built with responsive layouts and luxury typography (Cinzel & Plus Jakarta Sans).
- 🚀 Zero Build / Ready to Use: Standalone single-file HTML5 code utilizing ES Modules. No node.js setup or complex build process required—just open in any modern browser!
🛠️ Technical Specifications
- Tech Stack: HTML5, Vanilla CSS3, JavaScript (ES6+), Three.js (r160 WebGL).
- Post-Processing: UnrealBloomPass, EffectComposer, ACESFilmicToneMapping.
- Compatibility: Works across all modern WebGL-enabled desktop and mobile web browsers (Chrome, Firefox, Edge, Safari).
- Dependencies: Loaded via CDN / ES Map imports (No local npm installation needed).
💡 Ideal Use Cases
- Live Desktop Wallpaper: Use with Wallpaper Engine, Lively Wallpaper, or DesktopHut.
- Astrology & Horoscope Websites: Interactive hero background or feature widget.
- WebGL & Creative Coding Showcase: Great learning resource or base template for 3D interactive projects.
- Digital Art & Web App Landing Pages.
📦 What's Included?
- `Leo.html` (Complete, self-contained interactive 3D WebGL project file).