♑ Capricorn - 3D Interactive Zodiac Constellation & Live Wallpaper
Experience the disciplined strength and mysterious depth of Capricorn ♑ - The Sea-Goat. Powered by Three.js and high-performance WebGL rendering, this interactive web application transforms the iconic Capricorn symbol into a seafoam-green 3D starscape filled with oceanic stardust, teal light streams, and real-time astronomical exploration.
Whether you need a powerful interactive hero section for your website, a standalone live desktop wallpaper (Wallpaper Engine / Lively Wallpaper), or an engaging digital visualizer, Capricorn 3D delivers a smooth, hypnotic visual experience directly in any web browser.
✨ Key Features
- ♑ Authentic 3D Capricorn Glyph & Constellation: Features smooth Catmull-Rom curve frames accurately traced from the official Sea-Goat symbol (torso, horns, and curling fish tail with spiral loop), complete with an inner hollow tail loop outline, sparkling seafoam glitter, and interior stardust.
- ⭐ Interactive Star Exploration: Hover over iconic stars including Delta Deneb Algedi (The Tail of the Goat & Brightest Star), Alpha Algedi (The Head of the Sea-Goat), Beta Dabih (Horns), Gamma Nashira (Bringer of Good Tidings), Zeta, Epsilon, and more to reveal real astronomical metrics (Visual Magnitude, Distance in light-years, Spectral Type, and Lore).
- ✨ Dynamic Particle Systems & Visual Effects:
- Real-time Seafoam (#C9E8E0), Tide Teal (#8EC9BE), Deep Ocean (#2E7D74), and Bronze (#6E4A63) particle streams.
- Spontaneous meteor shower / shooting star animations.
- Soft drifting cosmic nebula clouds set against a deep abyss oceanic 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 `Capricorn.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?
- `Capricorn.html` (Complete, self-contained interactive 3D WebGL project file).