♎ Libra - 3D Interactive Zodiac Constellation & Live Wallpaper
Experience the perfect harmony and aesthetic elegance of Libra ♎ - The Scales. Powered by Three.js and high-performance WebGL rendering, this interactive web application transforms the iconic Libra symbol into a rose-gold 3D starscape filled with blush stardust, aurora light streams, and real-time astronomical exploration.
Whether you need a serene interactive hero section for your website, a standalone live desktop wallpaper (Wallpaper Engine / Lively Wallpaper), or an engaging astrology digital artwork, Libra 3D delivers a smooth, balanced visual experience directly in any web browser.
✨ Key Features
- ♎ Authentic 3D Libra Glyph & Constellation: Features smooth Catmull-Rom curve frames accurately traced from the official Celestial Balance Beam & Pans symbol, complete with sparkling rose-gold glitter and interior stardust.
- ⭐ Interactive Star Exploration: Hover over iconic stars including Beta Zubeneschamali (The Northern Pan of the Scales & Brightest Star), Alpha Zubenelgenubi (Southern Pan), Gamma Zubenelhakrabi (Central Pivot), Upsilon, Tau, Sigma, and more to reveal real astronomical metrics (Visual Magnitude, Distance in light-years, Spectral Type, and Lore).
- ✨ Dynamic Particle Systems & Visual Effects:
- Real-time Aurora (#F6E3D4), Blush (#EBC7C7), Rose Gold (#D98E9F), and Plum (#6E4A63) particle streams.
- Spontaneous meteor shower / shooting star animations.
- Soft drifting cosmic nebula clouds set against a deep twilight purple backdrop.
- Post-processing UnrealBloomPass glow and filmic tone mapping.
- 🎮 Full 360° Interactive Orbit Controls: Rotate, pan, and zoom seamlessly to inspect the constellation from any perspective in 3D space.
- 🎛️ Glassmorphism UI & Controls: Sleek glass control bar allowing users to toggle Symbol Lines and 3D floating star labels on/off effortlessly.
- 📱 Modern & Fully Responsive: Designed with clean responsive layouts and luxury typography (Cinzel & Plus Jakarta Sans).
- 🚀 Zero Build / Standalone HTML5: Built with ES Modules and Three.js CDN imports. No npm installation or build process needed—just open `Libra.html` in any browser!
🛠️ Technical Specifications
- Tech Stack: HTML5, Vanilla CSS3, JavaScript (ES6+), Three.js (r160 WebGL).
- Post-Processing: UnrealBloomPass, EffectComposer, ACESFilmicToneMapping.
- Compatibility: Fully compatible with all modern WebGL-enabled desktop and mobile web browsers (Chrome, Firefox, Edge, Safari).
- Dependencies: Loaded via CDN / ES Map imports (No local server required).
💡 Ideal Use Cases
- Live Desktop Wallpaper: Compatible with Wallpaper Engine, Lively Wallpaper, DesktopHut.
- Astrology & Horoscope Websites: Interactive hero banner or feature section.
- WebGL Showcase & Creative Coding: Great learning reference or base template for 3D web graphics.
- Digital Art & NFT Web App Display.
📦 What's Included?
- `Libra.html` (Complete, self-contained interactive 3D WebGL project file).