♐ Sagittarius - 3D Interactive Zodiac Constellation & Live Wallpaper
Unleash the adventurous, cosmic spirit of Sagittarius ♐ - The Archer. Powered by Three.js and high-performance WebGL rendering, this interactive web application transforms the iconic Sagittarius arrow symbol into a glowing 3D starscape filled with indigo stardust, periwinkle light streams, and real-time astronomical exploration.
Whether you need an inspiring interactive hero section for your website, a standalone live desktop wallpaper (Wallpaper Engine / Lively Wallpaper), or an engaging astrology digital artwork, Sagittarius 3D delivers a bold, radiant visual experience directly in any web browser.
✨ Key Features
- ♐ Authentic 3D Sagittarius Glyph & Constellation: Features smooth Catmull-Rom curve frames accurately traced from the official Archer Arrow & Bow symbol (complete with arrowhead barbs and fletching feathers), adorned with sparkling bronze-gold glitter and interior stardust.
- ⭐ Interactive Star Exploration: Hover over iconic stars including Epsilon Kaus Australis (The Southern Bow & Brightest Star), Gamma Alnasl (The Arrowhead Tip), Delta Kaus Media (Middle Bow), Lambda Kaus Borealis (Northern Bow), Sigma Nunki (Archer's Arm), Alpha Rukbat, and more to reveal real astronomical metrics (Visual Magnitude, Distance in light-years, Spectral Type, and Lore).
- ✨ Dynamic Particle Systems & Visual Effects:
- Real-time Indigo (#C9C4F7), Periwinkle (#9D93EE), Royal Blue (#5D4FD8), and Bronze-Gold (#F5B84A) particle streams.
- Spontaneous meteor shower / shooting star animations.
- Soft drifting cosmic nebula clouds set against a deep abyss violet-navy 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 `Sagittarius.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?
- `Sagittarius.html` (Complete, self-contained interactive 3D WebGL project file).